Как узнать URL картинки?
Что собой представляет картинка в сети Интернет? Как узнать URL картинки? Простой и удобный букмарклет IMGs для отображения списка картинок и их URL адресов на текущей веб-странице.
Что такое картинка?
Для начала давайте определимся с терминологией. URL – это единый указатель местонахождения ресурса и его файлов в сети Интернет, а картинка – это файл, хранящий изображение в одном из графических форматов. Таким образом, URL картинки – это указатель местоположения графического файла в сети Интернет на том или ином ресурсе.
Большая часть информации сети Интернет представлена в HTML-формате. HTML – это стандартный язык разметки документов, интерпретируемых браузрами и отображаемыми в удобочитаемом для пользователя виде.
Для вставки картинки в HTML-документ используется тег IMG, с указанием URL картинки в атрибуте src (от англ. source – источник). Подробней о нём читайте тут, а я приведу лишь пример HTML-кода для вставки картинки:
<img src="http://2.bp.blogspot.com/-G_BQbLpOKtM/VL0FG0zSmkI/AAAAAAAAw-g/g3JZMK0yGCA/w620/1%2B%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%8B%D0%B5%2B%D1%84%D0%BE%D1%82%D0%BE.jpg" alt="красивые фото">
Обратите внимание, что помимо атрибутаsrc, здесь имеется и атрибут alt, содержащий альтернативный текст, который описывает содержание картинки и выводится в том случае, когда браузер не может отобразить картинку.
Интерпретация браузерам, приведённого выше, примера кода для вставки картинки в HTML-документ будет иметь вид:
красивые фото
Как узнать URL картинки?
Чтобы узнать URL картинки в HTML-документе, выполните следующие действия:
- Наведите курсор на картинку и кликните правую кнопку мыши.
- В открывшемся контекстном меню кликните пункт «Копировать URL картинки» (он может называться и иначе, но суть от этого не меняется).
- Теперь URL картинки находится в памяти Вашего компьютера. Чтобы его вставить в текстовое поле, используйте комбинацию клавиш Ctrl+V.
Копировать URL картинки
Также Вы можете использовать пункт контекстного меню «Открыть картинку в новой вкладке» и посмотреть URL в адресной строке браузера.
Открыть картинку в новой вкладке
Более продвинутые пользователи могут посмотреть исходный код HTML-документа. Для этого следует использовать комбинацию клавиш Ctrl+U или пункт контекстного меню «Просмотреть код элемента».
Просмотреть код элемента
Букмарклет IMGs – URL картинок на веб-странице
Гораздо более удобным способом узнать URL картинки является использование простого букмарклета, который я назвал IMGs. Букмарклет – это JavaScript закладка в вашем браузере, а IMGs – это букмарклет, который отображает список имеющихся в HTML-документе картинок с их URL адресами во всплывающем окне.
Для того чтобы установить букмарклет IMGs выполните следующие действия:
- Отобразите панель закладок в браузере. В Google Chrome для этого можно использовать комбинацию клавиш Ctrl+Shif+B. В других браузерах используйте меню.
- Переместите на панель закладок следующую ссылку – IMGs. Просто наведите на неё курсор, нажмите левую кнопку и, удерживая её, перетащите ссылку на панель закладок.
- Теперь зайдите на любую веб-страницу и кликните закладку IMGs. В открывшемся окне Вы увидите список, состоящий из миниатюр, присутствующих на веб-странице, картинок и поля с их URL адресами, которые можно скопировать и использовать так, как Вам нужно.
Букмарклет IMGs
Букмарклет gIMGs – URL картинок в выдаче Google
В отличии от классического варианта, здесь понадобилось разбраться с URL адресами ссылок каждого результата поиска, в которой содержится URL картинки и её источника. Именно поэтому во всплывающем окне отображается уже два поля, а сама миниатюра кликкабельна.
Для того чтобы установить букмарклет gIMGs выполните следующие действия:
- Отобразите панель закладок в браузере. В Google Chrome для этого можно использовать комбинацию клавиш Ctrl+Shif+B. В других браузерах используйте меню.
- Переместите на панель закладок следующую ссылку – gIMGs, Просто наведите на неё курсор, нажмите левую кнопку и, удерживая её, перетащите ссылку на панель закладок.
- Теперь произведите поиск в Google поиске по картинкам и кликните закладку gIMGs. В открывшемся окне Вы увидите список, состоящий из миниатюр со ссылкой на источники поля с URL адресами картинок и их источников.
URL Images in SERP Google
На этом у меня всё. Спасибо за внимание. Удачи!
Короткая ссылка: http://goo.gl/zDH5gv