Як дізнатися URL картинки?

1. Що таке картинка?
2. Як дізнатися URL картинки?
3. Букмарклет IMGs - URL картинок на веб-сторінці
4. Букмарклет gIMGs - URL картинок у видачі Google

Що собою являє картинка в мережі Інтернет? Як дізнатися 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-документі, виконайте наступні дії:

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