Как сохранить любое изображение в Chrome, Opera, FireFox


Автор MastaMan
Обновлено Ноябрь 17, 2020
English и Русский

Оглавление

Вступление

Многие уже слышали или уже знают, что поисковая система Google удалила кнопку "Открыть в полном размере" в поиске изображений. Теперь добраться до нужной картинки немного сложнее, вам нужно перейти на сайт, где она находится, и скачать.

Но что, если вы хотите сохранить изображение на свой компьютер, но щелчок правой кнопкой мыши в браузере на изображении не имеет опции "Сохранить изображение как"?

Почему у одних изображений есть такая возможность, а у других - нет?

Часто такие случаи встречаются даже среди коллег, находя текстуру или ссылку на каком-то сайте, например Cassina, если нет возможности сохранить картинку - просто делают снимок экрана в браузере, а потом сохраняют через Photoshop или другой редактор.
Как бы плохо не плохо, быстрый вариант, но не идеальный, потому что на сайте могут быть изображения большего размера, чем вы видите на скриншоте.

Почему иногда нет кнопки «Сохранить изображение как»?

В Web есть несколько способов вставить изображение, и в зависимости от задач программист/веб-дизайнер решает, какой метод использовать. Самый распространенный способ использования тега "img" - в этом случае обычно активна кнопка "Сохранить изображение как" в контекстном меню браузера.

Другой способ использовать блок "div" и назначить картинку в качестве фона - в этом случае кнопка для сохранения картинки не будет активной. Это похоже на параметр Photoshop «Наложение узора» для формы или элемента.
Этот способ удобен тем, что картинка может быть больше, чем размер "div".
exaple of use div with background
Loading...
Пример использования div как фон

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

Cохранение любого изображения в Chrome, Opera, Firefox

Последние версии Opera и Chrome работают идентично, и принцип будет тот же, думаю, дополнительные скриншоты здесь не понадобятся.

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

А теперь подробнее на примере 3dground.net.

Шаг 1

Откройте сайт в браузере, затем запустите режим разработчика.

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

Вы увидите следующее окно:
developer mode chrome
Loading...
Для Chrome

developer mode firefox
Loading...
Для FireFox

Шаг 3

Включите фильтр по изображениям [1] и отсортируйте контент по размеру [2]:
developer mode chrome network images
Loading...
Для Chrome

developer mode firefox network images
Loading...
Для FireFox

Шаг 4

Если вам нужны большие изображения, они обычно находятся сверху списка.

Переключайтесь между элементами списка, чтобы найти нужное изображение.

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

Быстро переключайтесь между элементами в списке файлов "Вверх" или "Вниз" на клавиатуре.

Также обратите внимание на размер и разрешение файла, иногда можно встретить уменьшенную копию основного изображения (миниатюру).
developer mode chrome images preview
Loading...
Для Chrome

developer mode firefox images preview
Loading...
Для FireFox

Шаг 5

Теперь осталось сохранить файл. Для Chrome / Opera вызовите контекстное меню на изображении предварительного просмотра и нажмите "Сохранить" (Save).
developer mode chrome save image
Loading...
Для Chrome

Для FireFox вызовите контекстное меню для выбранного файла из списка и нажмите "Сохранить изображение как" (Save Image As).
developer mode firefox save image
Loading...
Для FireFox



{{commentsMsg}}
  

Никто не оставил комментариев
{{comment.lastname}} {{comment.name}} {{comment.date}}
{{comment.text}}


ПОДПИШИСЬ НА СВЕЖИЕ НОВОСТИ

{{subscribeMsg}}