Как узнать URL картинки?

Что собой представляет картинка в сети Интернет? Как узнать URL картинки? Простой и удобный букмарклет IMGs для отображения списка картинок и их URL адресов на текущей веб-странице.

Что такое картинка?

Для начала давайте определимся с терминологией. URL – это единый указатель местонахождения ресурса и его файлов в сети Интернет, а картинка – это файл, хранящий изображение в одном из графических форматов. Таким образом, URL картинки – это указатель местоположения графического файла в сети Интернет на том или ином ресурсе.

Большая часть информации сети Интернет представлена в HTML-формате. HTML – это стандартный язык разметки документов, интерпретируемых браузрами и отображаемыми в удобочитаемом для пользователя виде.

Для вставки картинки в HTML-документ используется тег IMG, с указанием URL картинки в атрибуте src (от англ. source – источник). Подробней о нём читайте тут, а я приведу лишь пример HTML-кода для вставки картинки:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-RGTx5MbtYqKymex4VMnKiIJwsMKjJnLy3Udi_3Zu2utnvxF3K3P8aZ8gAht6iaRGioFD1jnAw7qzCFuk2NlEO8gpRLYUXxGYOTXZiVlKlfv0OzNxxXLjAkyNThnIlARD9am0ePvSo1Ib/w620/1+%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%8B%D0%B5+%D1%84%D0%BE%D1%82%D0%BE.jpg" alt="красивые фото">

Обратите внимание, что помимо атрибутаsrc, здесь имеется и атрибут alt, содержащий альтернативный текст, который описывает содержание картинки и выводится в том случае, когда браузер не может отобразить картинку.

Интерпретация браузерам, приведённого выше, примера кода для вставки картинки в HTML-документ будет иметь вид:

Как узнать URL картинки?

Чтобы узнать URL картинки в HTML-документе, выполните следующие действия:

1. Наведите курсор на картинку и кликните правую кнопку мыши.
2. В открывшемся контекстном меню кликните пункт «Копировать URL картинки» (он может называться и иначе, но суть от этого не меняется).
3. Теперь URL картинки находится в памяти Вашего компьютера. Чтобы его вставить в текстовое поле, используйте комбинацию клавиш Ctrl+V.

Также Вы можете использовать пункт контекстного меню «Открыть картинку в новой вкладке» и посмотреть URL в адресной строке браузера.

Более продвинутые пользователи могут посмотреть исходный код HTML-документа. Для этого следует использовать комбинацию клавиш Ctrl+U или пункт контекстного меню «Просмотреть код элемента».

Букмарклет IMGs – URL картинок на веб-странице

Гораздо более удобным способом узнать URL картинки является использование простого букмарклета, который я назвал IMGs. Букмарклет – это JavaScript закладка в вашем браузере, а IMGs – это букмарклет, который отображает список имеющихся в HTML-документе картинок с их URL адресами во всплывающем окне.

Для того чтобы установить букмарклет IMGs выполните следующие действия:

1. Отобразите панель закладок в браузере. В Google Chrome для этого можно использовать комбинацию клавиш Ctrl+Shif+B. В других браузерах используйте меню.
2. Переместите на панель закладок следующую ссылку – IMGs. Просто наведите на неё курсор, нажмите левую кнопку и, удерживая её, перетащите ссылку на панель закладок.
3. Теперь зайдите на любую веб-страницу и кликните закладку IMGs. В открывшемся окне Вы увидите список, состоящий из миниатюр, присутствующих на веб-странице, картинок и поля с их URL адресами, которые можно скопировать и использовать так, как Вам нужно.

Букмарклет gIMGs – URL картинок в выдаче Google

В отличии от классического варианта, здесь понадобилось разбраться с URL адресами ссылок каждого результата поиска, в которой содержится URL картинки и её источника. Именно поэтому во всплывающем окне отображается уже два поля, а сама миниатюра кликкабельна.

Для того чтобы установить букмарклет gIMGs выполните следующие действия:

1. Отобразите панель закладок в браузере. В Google Chrome для этого можно использовать комбинацию клавиш Ctrl+Shif+B. В других браузерах используйте меню.
2. Переместите на панель закладок следующую ссылку – gIMGs, Просто наведите на неё курсор, нажмите левую кнопку и, удерживая её, перетащите ссылку на панель закладок.
3. Теперь произведите поиск в Google поиске по картинкам и кликните закладку gIMGs. В открывшемся окне Вы увидите список, состоящий из миниатюр со ссылкой на источники поля с URL адресами картинок и их источников.

На этом у меня всё. Спасибо за внимание. Удачи!

Короткая ссылка: http://goo.gl/zDH5gv