Багато хто вже чув або вже знає, що пошукова система Google видалила кнопку "Відкрити в повному розмірі" у пошуку зображень. Тепер дістатись потрібної картинки трохи складніше, вам потрібно перейти на сайт, де вона знаходиться, і скачати.

Але що, якщо ви хочете зберегти зображення на свій комп'ютер, але клацання правою кнопкою миші у браузері на зображенні не має опції "Зберегти зображення як"?

Чому в одних зображень є така можливість, а в інших – ні?

Часто такі випадки трапляються навіть серед колег, знаходячи текстуру або посилання на якомусь сайті, наприклад Cassina, якщо немає можливості зберегти картинку – просто роблять знімок екрана у браузері, а потім зберігають через Photoshop або інший редактор.
Як би погано непогано, швидкий варіант, але не ідеальний, тому що на сайті можуть бути зображення більшого розміру, ніж ви бачите на скріншоті.

У Web є кілька способів вставити зображення, і залежно від завдань програміст/веб-дизайнер вирішує, який метод використовувати. Найпоширеніший спосіб використання тега "img" - у цьому випадку зазвичай активна кнопка "Зберегти зображення як" у контекстному меню браузера.

Інший спосіб використовувати блок "div" і призначити картинку як фон - в цьому випадку кнопка для збереження картинки не буде активною. Це схоже на Photoshop «Накладення візерунка» для форми або елемента.
Цей спосіб зручний тим, що картинка може бути більшою, ніж розмір "div".

Loading...

Блокування кнопок "Зберегти зображення як" або контекстного меню також може залежати від javascript. Або якийсь невидимий блок "div" буде поверх самого зображення і пункт меню зі збереженням також буде недоступним.

Останні версії Opera і Chrome працюють ідентично, і принцип буде той же, гадаю, додаткові скріншоти тут не знадобляться.

Принцип простий, потрібно зайти в режим розробника, перейти у вкладку "Мережа" (Network), знайти потрібну картинку і завантажити.

А тепер докладніше на прикладі 3dground.net.

Відкрийте сайт у браузері, а потім запустіть режим розробника.

Натисніть на клавіатурі комбінацію гарячих клавіш Ctrl+Shift+I (Працює для всіх 3 браузерів).

Ви побачите наступне вікно:

Loading...

Loading...

Увімкніть фільтр за зображеннями [1] і відсортуйте вміст за розміром [2]:

Loading...

Loading...

Якщо вам потрібні великі зображення, вони зазвичай знаходяться у списку.

Переключайтеся між елементами списку, щоб знайти потрібне зображення.

"Preview" у Chrome / Opera або "Responce" у FireFox (цей набір вкладок доступний після вибору зі списку файлів).

Швидко перемикайтеся між елементами у списку файлів "Вгору" або "Вниз" на клавіатурі.

Також зверніть увагу на розмір і роздільну здатність файлу, іноді можна зустріти зменшену копію основного зображення (мініатюру).

Loading...

Loading...

Тепер залишилося зберегти файл. Для Chrome / Opera викличте контекстне меню на зображенні попереднього перегляду та натисніть "Зберегти" (Save).

Loading...

Для FireFox викличте контекстне меню для вибраного файлу зі списку та натисніть "Зберегти зображення як" (Save Image As).

Loading...