Често срещан онлайн сценарий е, че имате изображение на уебсайта си, към което искате да се свържете. Може би кодирате страница в сайта си и искате да добавите това изображение, или може би искате да го свържете с него от друг сайт, като социална мултимедия, която имате. И в двата случая, първата стъпка в този процес е идентифицирането на URL адреса (универсален ресурсен локатор) на това изображение. Това е уникалният адрес и път към файла към конкретното изображение в мрежата.
Нека да разгледаме как се прави това.
Приготвяме се да започнем
За начало отидете на страницата с изображението, което искате да използвате. Имайте предвид, обаче, че трябва да използвате изображение, което притежавате. Това е така, защото посочването на изображения на други хора се смята за кражба на честотна лента и може да ви накара да имате проблеми - дори законно. Ако свържете с изображение на уебсайта си, вие използвате собственото си изображение и собствената си честотна лента. Това е добре, но ако се свържете с някой друг уебсайт, вие сте смучене на честотната лента на сайта им, за да покажете това изображение. Ако този сайт има месечни ограничения за честотата на използване на честотната лента, която много хостинг компании налагат, то вие ядете в месечния им лимит без тяхното съгласие. Освен това копирането на изображение на друго лице в уебсайта Ви може да бъде нарушение на авторски права. Ако някой е лицензирал изображение, което да използва на уебсайта си, те са го направили само за своя уебсайт. Свързването с това изображение и изчертаването му в сайта Ви, така че той да се показва на страницата Ви излиза извън този лиценз и може да ви отведе до юридически санкции и глоби.
В долния ред можете да се свържете с изображения, които са извън вашия собствен сайт / домейн, но в най-лошия случай се считат за груби и незаконни, така че просто избягвайте тази практика заедно. В името на тази статия ще приемем, че изображенията са законно хоствани на вашия собствен домейн.
Сега, когато разбирате "gotchas" на свързване на изображения, ние ще искаме да идентифицираме кой браузър ще използвате.
Различните браузъри правят нещата по различен начин, което има смисъл, тъй като те са уникални софтуерни платформи, създадени от различни компании. В по-голямата си част обаче браузърите работят доста подобно тези дни. В Google Chrome това бих направил:
- Намерете желаното от вас изображение.
- Кликнете с десния бутон върху това изображение ( Ctrl + кликнете върху Mac).
- Ще се появи меню. От това меню избирам Копирай адрес на изображението .
- Ако поставите това, което вече е в клипборда ви, ще откриете, че имате пълния път към това изображение.
Сега ето как работи в Google Chrome. Другите браузъри имат разлики. В Internet Explorer кликнете с десния бутон върху изображението и изберете Свойства . От този диалогов прозорец ще видите пътя към това изображение. Копирайте адреса на изображението, като го изберете и копирате в клипборда.
В Firefox щракнете с десния бутон върху изображението и изберете копие на местоположението на изображението .
Мобилните устройства са още по-трудни, когато става въпрос за намиране на URL път и тъй като има толкова много различни устройства на пазара днес, създаването на окончателен списък за това как да се намери URL адрес на изображението на всички платформи и устройства би било трудна задача. В много случаи обаче можете да докоснете и задържите изображение, за да влезете в меню, което ще ви позволи да запазите изображението или да намерите неговия URL адрес.
Добре, след като веднъж имате URL адреса на изображението си, можете да го добавите към HTML документ. Не забравяйте, че това е цялата точка на това упражнение, за да намерите URL адреса на изображението, за да го добавим към нашата страница! Ето как да го добавите с HTML. Имайте предвид, че бихте записали този код в кой HTML редактор предпочитате:
Тип:
Между първия набор от двойни кавички ще поставите пътя към изображението, което искате да включите. Стойността на алтернативния текст трябва да съдържа описателно съдържание, което обяснява какво представлява изображението за някой, който може да не го види на страницата.
Качете уеб страницата си и я изпробвайте в уеб браузър, за да видите дали вашето изображение вече е на мястото!
Полезни съвети
Атрибутите за ширина и височина не се изискват на изображенията и те трябва да бъдат изключени, освен ако не искате винаги изображението да се изобразява в този точен размер. С отзивчиви уебсайтове и изображения, които преформатират и преоразмеряват въз основа на размера на екрана, това се случва рядко в наши дни. Вероятно е по-добре да оставяте ширината и височината на разстояние, особено тъй като при липса на друга информация за размера или стиловете) браузърът ще покаже изображението в своя размер по подразбиране така или иначе.