Как скачать изображения с сайта: оригиналы, srcset, lazy loading и WebP

Как сохранить изображения с веб-страницы в исходном размере

Сохранение изображений с веб-страницы через браузер и инструменты разработчика

Скачивание картинки начинается не с кнопки «Сохранить», а с определения того, какой файл показывает страница. На экране может быть самостоятельный JPG или PNG, уменьшенная копия из адаптивного набора, WebP/AVIF, фоновый ресурс из CSS, кадр из слайдера, изображение с отложенной загрузкой или результат, который браузер собрал внутри canvas. Поэтому одинаковое действие даёт разные результаты: в одном случае сохраняется оригинал, в другом — миниатюра, а в третьем контекстного меню для изображения вообще нет.

Безопасная цель — получить тот ресурс, который сайт уже легально передал вашему браузеру, и сохранить его без ухудшения. Инструкция не предназначена для обхода платного доступа, авторизации, DRM, водяных знаков, ограничений владельца или других технических барьеров. Наличие прямого URL не отменяет авторских прав и условий использования. Для публикации, рекламы, обучения модели, печати тиража или коммерческого проекта требуется проверить лицензию и при необходимости получить разрешение правообладателя.

Главная практическая ошибка — принять картинку, которая визуально выглядит крупной, за полноразмерный файл. CSS может растянуть миниатюру, а адаптивная разметка — выбрать вариант под ширину экрана. Проверка должна включать три величины: естественные размеры файла, отображаемые размеры элемента и размер ответа в сети. Если сохранённый файл имеет 640 × 360 пикселей, увеличение окна до 1920 пикселей не создаст недостающие детали.

Как выбрать способ до начала работы

Сначала определите объём и тип задачи. Для одной обычной картинки быстрее контекстное меню. Для варианта, спрятанного в разметке, подходят Elements и атрибуты src, srcset, data-src. Для ресурсов, которые появляются после прокрутки, клика или выполнения JavaScript, надёжнее Network. Когда требуется сохранить набор изображений с одной открытой страницы, можно рассмотреть расширение или Firefox Page Info. Если нужна лишь видимая копия, а исходный файл недоступен как отдельный ресурс, допустим скриншот — с честной пометкой, что это не оригинал.

  • Одна открытая картинка без сложной разметки — «Сохранить картинку как…».
  • Нужно понять, какая версия является оригинальной — открыть разметку и проверить srcset, currentSrc, ссылку вокруг изображения и параметры URL.
  • Картинка появляется после прокрутки, выбора варианта товара или открытия галереи — записать запросы на вкладке Network.
  • Изображение задано через background-image — искать правило CSS в Styles/Computed или запись в Network.
  • Нужно извлечь много элементов из сохранённой печатной версии страницы — использовать PDF Commander, понимая ограничения печати.
  • Нужны десятки открытых ресурсов — расширение или парсер только после проверки разрешений, приватности и лицензии.

Перед любым массовым действием создайте отдельную папку проекта и сохраните адрес страницы в текстовый файл. Имена вроде image_1, image_2 быстро теряют смысл. Практичнее использовать схему домен-раздел-краткое-описание-ширинаxвысота.ext. Исходный файл не перезаписывайте после конвертации: храните оригинальный WebP/AVIF рядом с производной PNG/JPG-копией.

Проверьте настройки загрузок браузера. В Chrome и Edge путь задаётся в «Настройки» → «Скачанные файлы»; переключатель запроса места сохранения полезен для единичных изображений, но мешает массовой выгрузке. В Firefox аналогичный раздел находится в «Настройки» → «Основные» → «Файлы и приложения». Если браузер автоматически переименовывает повторные файлы суффиксами (1), (2), это не доказывает различие содержимого: сравните размеры и хеши.

Способ 1. PDF Commander: извлечь изображения из печатной копии страницы

Этот маршрут полезен, когда страница нормально печатается, на ней много иллюстраций и требуется получить их из одного локального документа. Браузер сначала формирует PDF-представление, после чего PDF Commander извлекает графические объекты, реально встроенные в этот файл. Метод не равен скачиванию оригиналов с сервера: печатный движок может уменьшить картинки, не включить фоновые изображения, заменить интерактивный блок снимком или не загрузить элементы ниже текущей области.

Шаг 1. Подготовьте страницу к печати

Откройте страницу, дождитесь завершения загрузки и медленно прокрутите её сверху вниз. Это особенно важно для lazy loading: изображение с атрибутом loading="lazy" или пользовательским data-src может не запрашиваться до приближения к области просмотра. Раскройте только те галереи и вкладки, которые разрешено просматривать. Не пытайтесь снимать ограничения платной зоны или входа: печатная команда должна работать с тем содержимым, к которому у вас уже есть обычный доступ.

В Chrome или Edge откройте меню с тремя точками и выберите «Печать»; горячая клавиша — Ctrl+P в Windows/Linux и Command+P в macOS. В поле принтера укажите «Сохранить как PDF» или системный виртуальный PDF-принтер. В дополнительных настройках проверьте ориентацию, масштаб, поля и переключатель фоновой графики. Включение фона помогает сохранить CSS-фоны, но не гарантирует, что они останутся отдельными извлекаемыми файлами.

Диалог печати браузера с выбором сохранения веб-страницы в PDF
В окне печати выбран виртуальный принтер для сохранения страницы в PDF.

Посмотрите миниатюры всех страниц в предпросмотре. Если иллюстрация отсутствует уже здесь, PDF Commander её не восстановит. Вернитесь на сайт, прокрутите нужный блок, дождитесь загрузки и снова вызовите печать. Если широкая картинка обрезана, попробуйте альбомную ориентацию или меньший масштаб. Сохраняйте PDF под новым именем, например page-print-2026-07-20.pdf, чтобы не перепутать его с исходными материалами.

Шаг 2. Откройте PDF и определите его тип

Запустите PDF Commander и нажмите «Открыть PDF». Выберите созданный браузером файл. Такой документ обычно является текстовым PDF: текст остаётся выделяемым, а изображения могут быть встроены отдельными объектами. Это отличается от скана, где вся страница представляет собой одну растровую картинку; от защищённого PDF, в котором запрещено копирование; от подписанного документа, где изменение нарушает проверку подписи; от PDF-формы с интерактивными полями; и от повреждённого файла с ошибками структуры.

Стартовый экран PDF Commander с командой открытия PDF
Команда «Открыть PDF» загружает сохранённую веб-страницу в редактор.

Проверьте несколько страниц при масштабе 100–150%. Если вся веб-страница стала одним длинным изображением или каждая печатная страница выглядит как единый растр, извлечение вернёт крупные листы, а не отдельные фотографии. Если текст выделяется, но нужная иллюстрация не появляется в списке, возможно, печатный движок вывел её как часть общего слоя, векторный объект или фон. Тогда переходите к Elements или Network.

Шаг 3. Запустите извлечение

Откройте меню «Файл», наведите указатель на «Инструменты» и выберите «Извлечь изображения». Не заменяйте этот пункт конвертацией всего PDF в JPG: конвертация создаёт растровую копию каждой страницы, а извлечение пытается сохранить встроенные графические объекты отдельно. Для страницы с текстом, фотографиями и схемами это принципиально разные результаты.

Меню PDF Commander с инструментом извлечения изображений
В меню «Файл» → «Инструменты» выбрана команда «Извлечь изображения».

Если документ содержит повторяющиеся элементы — логотип сайта, иконки, рекламные блоки, аватары — они тоже могут попасть в выгрузку. Это ожидаемо: программа работает со структурой PDF, а не знает, какие изображения нужны пользователю. После извлечения понадобится сортировка по размеру, разрешению и визуальному содержимому.

Шаг 4. Настройте папку и сохранение

В окне параметров укажите отдельный пустой каталог. Не сохраняйте результат поверх папки с исходными картинками: одинаковые имена затруднят проверку. Если программа предлагает имя или префикс, задайте понятный вариант, например site-page-img. Зафиксируйте число найденных объектов до подтверждения — оно пригодится при проверке результата.

Окно параметров сохранения изображений в PDF Commander
В окне экспорта задаются папка и параметры выгрузки встроенных изображений.

Не повышайте разрешение в ожидании получить дополнительную детализацию. Если исходный объект в PDF имеет 800 × 600 пикселей, программное увеличение до 2400 × 1800 создаст больше пикселей, но не вернёт отсутствующие детали. Для оригинала лучше найти сетевой ресурс через srcset или Network. Настройку разрешения используют только для совместимости или подготовки производной копии.

Шаг 5. Проверьте выгрузку

После завершения подтвердите сообщение программы и откройте выбранный каталог. Сравните количество файлов с ожидаемым, отсортируйте их по размеру и включите отображение размеров в Проводнике или Finder. Откройте несколько крупных файлов при масштабе 100%. Проверьте, нет ли обрезанных частей, белых полей, объединения текста с картинкой, снижения разрешения и повторов.

Подтверждение завершения извлечения в PDF Commander
Редактор сообщает о завершении операции; результат проверяют в выбранной папке.

PDF-маршрут считается успешным, если полученные файлы соответствуют задаче и не уступают печатной версии. Он не подтверждает, что сохранены серверные оригиналы. Если на сайте был файл 4000 × 2667, а в PDF оказался 1200 × 800, следует считать результат производной копией. Сохраняйте рядом PDF: он позволяет воспроизвести процесс и понять, из какого представления получены изображения.

Защищённый, подписанный или повреждённый PDF не следует «чинить» ради обхода ограничений. Если файл создан вами или вы имеете разрешение, работайте с копией и проверяйте права доступа. Для чужого защищённого документа запросите исходники у владельца.

Способ 2. Сохранить обычное изображение через браузер

Когда картинка представлена обычным элементом <img> и сайт не перехватывает контекстное меню, это самый точный и короткий путь. На компьютере наведите курсор на изображение, нажмите правую кнопку мыши и выберите «Сохранить картинку как…», «Сохранить изображение как…» или близкую команду. На macOS вместо правой кнопки можно использовать Control-клик или нажатие двумя пальцами на трекпаде.

Контекстное меню браузера с командой сохранения картинки
Для обычного изображения выбирают «Сохранить картинку как…», затем указывают папку.

В диалоге сохранения не меняйте расширение вручную. Если браузер предлагает .webp или .avif, это формат фактического ответа. Запись имени photo.jpg не перекодирует данные: получится файл WebP с неправильным суффиксом, который некоторые программы не откроют. Сначала сохраните оригинальный формат, затем при необходимости создайте отдельную конвертированную копию.

Перед нажатием «Сохранить» полезно выбрать «Открыть картинку в новой вкладке». В адресной строке будет виден прямой URL, а на вкладке — естественный размер ресурса. Однако параметры адреса нельзя бездумно удалять. Суффиксы вида ?w=1200, ?width=800 или части пути /resize/ могут задавать размер, но могут также служить подписью CDN. Удаление подписи часто приводит к ошибке 403 или к другому файлу. Проверяйте изменения по одному и только для открытого общедоступного ресурса.

На смартфоне

В мобильном Chrome, Safari или Firefox нажмите на изображение и удерживайте палец до появления меню. Команда может называться «Скачать изображение», «Сохранить в Фото», «Добавить в Фото» или «Открыть в новой вкладке». Если страница реагирует на жест прокруткой или выделением текста, сначала откройте картинку через ссылку, галерею или отдельную карточку.

Контекстное меню изображения в мобильном браузере
Долгое нажатие открывает меню, где доступно скачивание или копирование изображения.

На iPhone файл может оказаться в приложении «Фото» или в «Файлы» → «Загрузки» в зависимости от выбранной команды и формата. На Android обычно используется каталог Download, но производитель оболочки может показывать отдельный альбом. После сохранения откройте сведения о файле и проверьте разрешение. Скриншот экрана и сохранённая картинка — разные объекты: у скриншота размеры соответствуют экрану, у файла — ресурсу сайта.

Почему сохраняется миниатюра

Контекстное меню действует на текущий ресурс элемента. Если страница выбрала вариант 640 пикселей из srcset, именно он может быть сохранён. Откройте галерею в полноэкранном режиме, увеличьте окно, дождитесь подгрузки и повторите. Если качество не меняется, переходите к анализу srcset и Network. Не масштабируйте миниатюру в редакторе и не называйте её оригиналом.

Способ 3. Найти оригинал в Elements, srcset и исходной разметке

Панель Elements показывает текущий DOM — структуру страницы после выполнения JavaScript. Это важнее простого «Исходного кода страницы» для современных сайтов: приложение могло заменить атрибуты, добавить изображения после прокрутки или построить галерею динамически. Открывайте инспектор на конкретном элементе, а не просматривайте тысячи строк вручную.

Откройте инспектор на нужном объекте

В Chrome, Edge и большинстве Chromium-браузеров нажмите правой кнопкой по картинке и выберите «Просмотреть код» или Inspect. В Firefox команда называется «Исследовать». Если изображение перекрыто прозрачным слоем, нажмите Ctrl+Shift+C или Command+Shift+C, затем наведите указатель на нужную область и щёлкните. Панель выделит соответствующий узел.

Команда просмотра кода для выбранного изображения
Контекстная команда открывает инспектор на элементе, связанном с картинкой.

Найдите тег <img>, <picture>, ссылку <a> вокруг картинки или контейнер со стилем. Если выбран внешний блок, раскрывайте вложенные элементы до узла, подсветка которого совпадает с изображением. Для псевдоэлементов ::before и ::after адрес может находиться в правиле background-image на панели Styles.

Разберите src, srcset и picture

Атрибут src содержит резервный или основной адрес. srcset хранит несколько кандидатов, разделённых запятыми. Дескриптор 640w означает ширину файла 640 пикселей, а 2x — вариант для удвоенной плотности. Внутри <picture> теги <source> могут предлагать AVIF и WebP, а <img> — запасной JPEG. Браузер выбирает один кандидат с учётом ширины экрана, плотности пикселей, sizes и поддержки формата.

Панель Elements с найденным тегом img и адресом файла
В разметке выделен элемент изображения; проверяются src, srcset и соседние атрибуты.

Не всегда нужно брать последний адрес в srcset. Он часто самый широкий, но может быть кадрирован, иметь другой формат или предназначаться для большого экрана. Сравните пропорции, дескрипторы и содержимое. В консоли для выбранного изображения можно выполнить $0.currentSrc — браузер вернёт URL реально выбранного кандидата. $0.naturalWidth и $0.naturalHeight покажут естественные размеры текущего файла, а $0.getBoundingClientRect() — отображаемый прямоугольник.

Всплывающая карточка с размерами изображения в DevTools
Предпросмотр помогает сравнить фактические и отображаемые размеры файла.

Если естественные размеры меньше отображаемых, элемент растянут. Если они больше, браузер уменьшает ресурс для показа. Для исходного качества нужен файл с достаточными naturalWidth/naturalHeight, а не просто крупный CSS-блок. Размер ответа в байтах также полезен: две версии 1920 × 1080 могут иметь разное качество сжатия.

Проверьте lazy loading

У отложенной загрузки адрес может лежать в data-src, data-original, data-lazy-src, data-srcset или внутри JSON в атрибуте. До прокрутки src иногда содержит крошечный placeholder, прозрачный GIF или размытый LQIP. Прокрутите элемент в видимую область, дождитесь замены атрибута и только затем копируйте URL. Если сайт использует IntersectionObserver, простой просмотр исходного HTML может показать лишь заготовку.

Для бесконечной ленты загружайте только необходимые блоки. Полная автоматическая прокрутка создаёт сотни запросов, расходует трафик и может нарушить правила площадки. Откройте конкретную публикацию или карточку, а не собирайте весь поток.

Откройте адрес без изменения

Щёлкните по ссылке в панели или выберите Copy link address / Copy URL, затем вставьте адрес в новую вкладку. Сначала проверьте исходный URL целиком, включая параметры. Если сервер возвращает изображение, откройте сведения или сохраните файл. Если приходит HTML-страница ошибки, запрос мог зависеть от cookies, заголовка Referer или временной подписи; не пытайтесь обходить проверку — используйте обычную команду сохранения в авторизованной вкладке либо запросите файл у владельца.

Прямая ссылка на файл изображения в панели разработчика
Адрес ресурса открывают в новой вкладке, не меняя параметры URL без необходимости.

В отдельной вкладке изображение обычно отображается на однотонном фоне. При наведении на вкладку или через свойства файла проверьте размеры. Команда «Сохранить картинку как…» сохраняет этот ресурс, но всё ещё не доказывает, что он максимальный среди вариантов сайта. Сравните его с самым крупным кандидатом srcset и с запросами Network.

Сохранение изображения, открытого по прямому адресу
Файл открыт отдельно; контекстное меню сохраняет именно этот ресурс.

Фоновые изображения CSS

Если в DOM нет <img>, выделите контейнер и в Styles найдите background или background-image. Значение может быть url("..."), градиентом или несколькими слоями. В Computed отфильтруйте свойства по слову background, чтобы увидеть итоговое правило. Для псевдоэлемента переключитесь на строку ::before/::after. Откройте URL через контекстную команду панели или скопируйте адрес.

CSS-фон часто адаптируется через media queries. На мобильной ширине может загружаться вертикальная версия, на десктопе — широкая. Это не обязательно уменьшенная копия; иногда это отдельный кадр. Выбирайте файл, соответствующий содержанию задачи, а не только максимальной ширине. Скрытые фоновые изображения, которые не были загружены, проще обнаружить в правилах CSS, но сохранять следует только общедоступные ресурсы.

Способ 4. Найти динамически загруженную картинку во вкладке Network

Network показывает то, что браузер действительно запросил у сервера: изображения, CSS, JavaScript, шрифты, API-ответы и другие ресурсы. Этот способ особенно полезен для слайдеров, вариаций товара, картинок после прокрутки, blob-адресов, запросов с CDN и случаев, когда DOM содержит непонятный placeholder.

Начните запись до действия

Откройте DevTools клавишей F12 или Ctrl+Shift+I (Command+Option+I на macOS), перейдите в Network. Включите запись, при необходимости отметьте Preserve log и очистите список. Затем перезагрузите страницу. Если картинка появляется после клика, сначала очистите журнал, выполните только нужное действие и наблюдайте новые строки — так проще отделить целевой запрос от остального трафика.

Открытие инструментов разработчика для поиска сетевого ресурса
Инспектор запускают на странице перед перезагрузкой и записью запросов.

Фильтр Img показывает запросы, которые DevTools классифицировал как изображения. Но SVG может прийти как document/text, а файл через API — как fetch/XHR. Если нужного ресурса нет, снимите фильтр и введите часть имени, расширение, домен CDN или размер. В Chrome можно использовать фильтры larger-than:100k, mime-type:image/webp и отрицание через минус для шумных доменов.

Вкладка Network в инструментах разработчика браузера
На вкладке Network фиксируются запросы страницы; для изображений используют фильтр Img.

Перезагрузите и воспроизведите загрузку

Для lazy loading прокрутите именно к нужному блоку. Для галереи переключите слайд или откройте полноэкранный просмотр. Для карточки товара выберите нужный цвет или ракурс. В списке появится запрос; нажмите его и проверьте вкладки Headers, Preview, Response и Timing. В Headers важны Request URL, Status Code, Content-Type и Content-Length. В Preview должен быть нужный визуал, а не пиксель аналитики или иконка.

Список запросов изображений в Network
Список сетевых ресурсов позволяет открыть ответ, проверить размер и скопировать URL.

Статус 200 означает обычный ответ, 304 — использование кэша, 206 — частичный ответ. Редирект может вести на CDN. Ошибки 401/403 указывают на необходимость авторизации или ограничения доступа; не пытайтесь их обходить. Если ресурс уже есть в памяти, включение Disable cache действует только при открытой DevTools и после перезагрузки. Оно полезно для наблюдения, но увеличивает трафик.

Скопируйте URL или сохраните ответ

Контекстное меню запроса обычно предлагает Open in new tab, Copy URL, Copy as cURL и Save all as HAR. Для обычного изображения достаточно Open in new tab или Copy URL. Команда Copy as cURL содержит cookies и заголовки сессии; не публикуйте такой текст и не используйте его для обхода доступа. HAR тоже может хранить чувствительные адреса и токены, поэтому его не следует прикладывать к публичным материалам без очистки.

Если Request URL начинается с blob:, это локальная ссылка на объект в памяти, а не долговечный адрес сервера. Найдите предшествующий fetch/XHR-запрос в Initiator или просмотрите Response. Для data:image/... данные встроены прямо в документ; их можно сохранить через DevTools или декодировать локально, но убедитесь, что это не маленький placeholder. Для canvas исходник может быть собран из нескольких ресурсов или нарисован скриптом; Network помогает найти входные файлы, если они существуют.

Как выбрать оригинал среди похожих запросов

Сортируйте по Size и сравнивайте Dimensions в предпросмотре. Имена thumb, small, preview, crop обычно обозначают производные версии; original, master или крупные числовые параметры могут указывать на больший вариант, но это не универсальное правило. Надёжнее открыть каждый кандидат и сравнить natural dimensions и детализацию при 100%. Не удаляйте параметры подписи и не перебирайте закрытые URL.

Способ 5. Сделать скриншот, когда нужен только видимый результат

Скриншот сохраняет пиксели, которые уже показаны на экране. Он не извлекает файл из страницы, не возвращает исходную цветовую глубину, метаданные и разрешение. Поэтому этот метод подходит для справочной копии интерфейса, диаграммы, canvas-визуализации или композиции из нескольких слоёв, но не должен выдаваться за полноразмерный оригинал фотографии.

Увеличьте окно браузера, установите масштаб страницы 100% и дождитесь чёткой отрисовки. Если картинка не помещается, лучше использовать встроенный захват области или всей страницы, а не уменьшать её до неразборчивого размера. На Windows доступны «Ножницы» и сочетание Win+Shift+S; в macOS — Command+Shift+4; в Firefox — команда «Сделать скриншот» или Ctrl+Shift+S/Command+Shift+S.

Запуск программы для создания снимка экрана
Скриншот используют только как копию видимой области, а не как исходный файл.

Перед захватом уберите курсор, всплывающие подсказки и элементы, закрывающие изображение. Не скрывайте водяной знак и не обрезайте указание авторства, если это меняет смысл или нарушает условия использования. Для схемы с мелким текстом лучше сделать несколько фрагментов или сохранить страницу в PDF, чем растягивать маленький снимок.

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

Сохраняйте снимок в PNG, если важны текст, линии и интерфейс. JPEG уменьшает размер, но добавляет артефакты вокруг букв и контрастных границ. После сохранения проверьте размеры: скриншот области 1200 × 700 не станет оригиналом 4000 × 2600. В подписи к файлу укажите «снимок экрана» или «видимая копия», чтобы не смешать его с загруженным ресурсом.

Редактор снимка экрана с выделенной областью
Снимок сохраняют в PNG, понимая, что разрешение ограничено экранным отображением.

Способ 6. Сохранить WebP или AVIF и при необходимости преобразовать копию

WebP и AVIF — нормальные форматы изображений, а не «веб-страницы». Современные браузеры открывают их напрямую. Проблема обычно возникает в старом редакторе, офисной программе или системе управления, которая ожидает JPEG/PNG. Правильный порядок: сохранить исходный файл с корректным расширением, проверить его, затем конвертировать копию.

Скачанные изображения WebP в файловом менеджере
Расширение и тип файла проверяют до переименования или конвертации.

В Windows включите показ расширений: Проводник → «Вид» → «Показать» → «Расширения имён файлов». В macOS откройте Finder → «Настройки» → «Дополнения» и включите показ всех расширений. Свойства файла и утилита file в Linux помогают определить реальный тип. Если файл называется .jpg, но система определяет WebP, переименование было неправильным.

Диалог сохранения изображения в формате WebP
Файл сохраняется в исходном формате; простая смена суффикса не превращает его в JPEG.

Когда достаточно оставить исходный формат

Для хранения, публикации в современном браузере и передачи человеку, который использует актуальное ПО, конвертация часто не нужна. WebP поддерживает сжатие с потерями и без потерь, прозрачность и анимацию; AVIF эффективен для фотографий и HDR-сценариев, но декодирование и совместимость зависят от программы. Не конвертируйте автоматически весь архив: каждое перекодирование JPEG-подобного изображения может добавлять потери.

Преобразование через расширение

Расширение типа Save Image As Type добавляет варианты PNG/JPG/WebP в контекстное меню. Оно удобно для единичной копии, но требует разрешения на доступ к страницам и содержимому. Проверьте издателя, запрашиваемые права, дату обновления и политику конфиденциальности. Для конфиденциальных кабинетов лучше использовать локальный редактор без расширения, видящего все страницы.

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

После преобразования сравните размеры, прозрачность и ориентацию. Перевод WebP с прозрачностью в JPEG заменит прозрачные области фоном. Анимация превратится в один кадр, если инструмент не поддерживает анимированный экспорт. Профиль цвета и EXIF тоже могут исчезнуть. Исходный файл сохраняйте отдельно.

Преобразование локальным или онлайн-инструментом

Онлайн-конвертер подходит только для неконфиденциальных файлов, которые разрешено загружать третьей стороне. Загрузите исходный WebP/AVIF, выберите PNG для прозрачности и графики без потерь либо JPEG для фотографии без альфа-канала. Укажите качество один раз; повторное сохранение JPEG ухудшает изображение. Для персональных документов, закрытых макетов и клиентских материалов используйте локальное ПО.

Интерфейс преобразования WebP в PNG
Конвертация меняет контейнер и кодирование; исходный WebP лучше сохранить отдельно.

После конвертации откройте оба файла при масштабе 100% и сравните контуры, градиенты, мелкий текст и цвет. PNG обычно заметно тяжелее. Если цель — уменьшить вес без изменения размеров, пригодится отдельная инструкция о том, как уменьшить размер и вес изображения; сначала убедитесь, что вы сохранили исходник.

Способ 7. Image Downloader: выбрать несколько файлов на открытой странице

Расширения удобны, когда на одной общедоступной странице десятки изображений. Они сканируют DOM и сетевые ресурсы, показывают миниатюры, размеры и кнопки массового скачивания. Но расширение не знает, какие файлы являются оригиналами, и может добавить иконки, аватары, рекламные баннеры, placeholders и несколько адаптивных версий одного изображения.

Установка и проверка разрешений

Откройте официальный магазин расширений вашего браузера и найдите Image Downloader. Сверьте имя разработчика, число установок, отзывы, дату последнего обновления и список разрешений. Запрос «читать и изменять данные на всех сайтах» означает широкий доступ; по возможности выбирайте режим «только при нажатии» или разрешение для конкретного домена. Не устанавливайте расширение из случайного ZIP/CRX.

Страница установки расширения Image Downloader
Перед установкой проверяют издателя, разрешения и дату обновления расширения.

Запуск на странице

Откройте страницу, прокрутите её до нужного блока и нажмите значок расширения. Дождитесь формирования списка. Используйте фильтры минимальной ширины и высоты, чтобы убрать иконки, но не считайте самый большой файл оригиналом автоматически. Сравните пропорции, имя, URL и превью. Если показаны версии 320, 640, 1280 и 2048 пикселей одного кадра, обычно выбирают достаточную для задачи или максимальную легально доступную версию.

Панель расширения со списком найденных изображений
Расширение показывает найденные варианты; миниатюры и оригиналы нужно различать по размерам.

Отмечайте только необходимые файлы. Массовая галочка «Select all» может скачать сотни служебных элементов и создать нагрузку. Не запускайте расширение на личной почте, банковском кабинете, закрытой учебной системе или странице с персональными данными. Для таких сценариев безопаснее сохранить конкретный файл штатной командой браузера.

Скачивание и проверка

Нажмите Download. Браузер может запросить разрешение на несколько файлов; подтвердите только ожидаемую операцию. Если включён запрос места сохранения, появится много диалогов, поэтому заранее подготовьте папку и настройку загрузок. После завершения сравните число отмеченных и полученных файлов, проверьте расширения и удалите миниатюры-дубли.

Выбор нескольких изображений и кнопка Download
Отмечаются только нужные файлы, затем запускается скачивание в папку браузера.

После разовой задачи расширение можно отключить или удалить. Это снижает постоянный доступ стороннего кода к страницам. Храните список исходных URL отдельно от файлов; так проще доказать происхождение, проверить обновление и повторить загрузку без нового сканирования всего сайта.

Способ 8. Онлайн-парсер для одной общедоступной страницы

Парсер получает URL страницы на своём сервере, анализирует HTML и показывает найденные изображения. Он полезен на статических открытых страницах, но хуже справляется с контентом после авторизации, бесконечной прокруткой, JavaScript-галереями, временными URL и ресурсами, зависящими от cookies. Не передавайте сервису адреса с токенами, личными параметрами или доступом к закрытому кабинету.

Запуск

Скопируйте обычный канонический адрес страницы без лишних рекламных параметров. Вставьте его в поле сервиса и запустите обработку. До отправки прочитайте политику хранения данных и ограничения. Если страница принадлежит вам, предпочтительнее использовать собственный экспорт или локальный скрипт; сторонний сервис нужен только для простого разового случая.

Поле онлайн-парсера для адреса веб-страницы
Сервису передают только адрес общедоступной страницы без личных и закрытых данных.

Ожидание и ограничения

Сервис может несколько минут обходить страницу. Не запускайте задачу повторно каждую секунду. Если результат пуст, причина часто в динамической загрузке, запрете роботов, CDN-защите или необходимости входа. Это не приглашение обходить ограничение. Используйте Network в своём браузере для уже открытого общедоступного контента либо запросите исходник у владельца.

Экран ожидания результатов парсинга изображений
Обработка может не увидеть ресурсы, загружаемые после входа, прокрутки или выполнения сложного JavaScript.

Выбор файла

Откройте карточку найденного изображения в новой вкладке и проверьте размеры. Парсеры нередко видят только значение src, игнорируя srcset, либо, наоборот, показывают все варианты без объяснения. Отсеките логотипы, пиксели аналитики и служебные элементы. Скачивайте только нужное, а не весь список.

Выбор найденного изображения в результатах парсера
Перед сохранением открывают карточку и проверяют, не является ли файл миниатюрой.

Не загружайте результат, если сервис заменил оригинальный URL собственным прокси и не показывает фактические размеры. Для проверки сравните файл с запросом в Network. Если два файла визуально одинаковы, но один существенно меньше, откройте их при 100% и проверьте артефакты; разница может быть в формате, сжатии или метаданных.

Способ 9. Пакетная выгрузка с нескольких открытых URL

Пакетный режим подходит для собственного сайта, разрешённого каталога или набора страниц, на которые у вас есть права. Он не должен превращаться в копирование чужой медиатеки. Перед запуском составьте ограниченный список URL, определите допустимые типы файлов и минимальные размеры, а также оцените нагрузку. Для большого проекта лучше использовать API или экспорт владельца сайта.

Подготовьте список

Вставляйте по одному URL страницы в строке. Удалите дубли, параметры сессии и ссылки на результаты поиска, которые меняются. Не добавляйте адреса, доступные только после входа или оплаты. Если сервис допускает только одну страницу в бесплатном режиме, не пытайтесь обходить лимит множественными аккаунтами или автоматическими повторными запросами.

Поле пакетного сервиса со списком URL страниц
Каждый адрес проверяют отдельно; закрытые и платные страницы в пакет не добавляют.

Задайте фильтры

Минимальная ширина и высота помогают отсечь фавиконы и кнопки. Порог 600 × 400 подходит для многих иллюстраций, но может исключить вертикальные изображения или небольшие схемы. Опция сохранения исходных имён облегчает сопоставление, однако имена могут повторяться на разных страницах. Добавляйте префикс домена или идентификатор страницы в локальной структуре папок.

Настройки минимального размера и структуры выгрузки
Фильтры по ширине и высоте помогают отсечь иконки, но не гарантируют выбор оригиналов.

Фильтр по числу файлов защищает от неожиданной выгрузки тысяч элементов. Сначала выполните пробу на одной странице, изучите результат и только затем расширяйте список. Если сервис умеет создавать архив, проверьте, что он не меняет форматы и не перекодирует изображения. Сжатие ZIP без изменения файлов обычно безопасно, а «оптимизация» внутри сервиса может уменьшить качество.

Распакуйте и проведите аудит

Скачайте ZIP в отдельный каталог, проверьте архив антивирусом и распакуйте без запуска исполняемых файлов. В ожидаемом результате должны быть изображения, а не установщики, HTML-страницы или скрипты. Отсортируйте по расширению и размеру. Удалите служебные элементы только после того, как сохраните исходный архив и список страниц.

Экран скачивания ZIP с найденными изображениями
Архив распаковывают в отдельную папку и проверяют каждый файл по формату и разрешению.

Для повторяемой работы создайте таблицу: URL страницы, имя файла, разрешение, формат, дата загрузки, лицензия и назначение. Такая ведомость предотвращает повторное скачивание и помогает отличить оригинал от производной версии. Если права на использование неясны, пометьте файл как «только для проверки» и не публикуйте.

Как работать с Firefox Page Info и Safari Web Inspector

Firefox: Page Info → Media

В Firefox откройте окно «Информация о странице» сочетанием Ctrl+I или Command+I, либо через меню «Инструменты» → «Информация о странице». На вкладке Media перечисляются изображения, фоновые файлы и другие ресурсы, загруженные страницей. Выберите строку, посмотрите тип, размер, размеры в пикселях и предпросмотр, затем сохраните нужный элемент. Это удобно для статических фонов, которые не имеют обычного контекстного меню.

Список отражает загруженные ресурсы, а не все потенциальные файлы сайта. Прокрутите страницу и откройте нужную галерею до запуска Page Info. Повторы возможны из-за адаптивных вариантов и кэша. Если ресурс не появляется, используйте Network Monitor. Не меняйте разрешения безопасности в Page Info ради доступа к закрытому содержимому.

Safari на macOS

В Safari сначала включите меню разработчика в настройках, если оно скрыто. Откройте Web Inspector и вкладку Network. Перезагрузите страницу, воспроизведите появление картинки, затем отфильтруйте ресурсы по типу или имени. В правой панели проверьте URL, MIME-тип, размер и предпросмотр. Открывайте только тот запрос, который уже выполнен обычной страницей.

Для обычной картинки в Safari доступна команда сохранения в контекстном меню. Для адаптивного изображения изучите srcset в Elements. На iPhone полноценный инспектор требует подключённого Mac и разрешённой веб-инспекции; для разовой задачи проще использовать «Сохранить в Фото» или запросить исходник. Не устанавливайте неизвестные профили и приложения ради скачивания.

Сложные случаи: picture, CSS, SVG, canvas, blob и данные в JSON

Элемент picture

Внутри <picture> может быть несколько <source> с условиями media и type. Один и тот же сюжет может иметь горизонтальную и вертикальную кадрировку. Сравнивайте не только ширину, но и содержание. Текущий выбор браузера показывает currentSrc; альтернативы видны в разметке. Скачивание самого широкого варианта не всегда соответствует тому, что пользователь видел.

SVG

SVG — векторный формат. Если адрес заканчивается .svg, сохраните исходный файл, не делайте скриншот: вектор масштабируется без потери качества. Но SVG может содержать шрифты, ссылки и скрипты. Открывайте файл в безопасном просмотрщике, не вставляйте непроверенный SVG в систему управления сайтом. Некоторые страницы встраивают SVG прямо в HTML; тогда отдельного URL нет, и копирование разметки допустимо только для собственного или разрешённого материала.

Canvas

Canvas не обязан хранить готовую картинку в DOM. Скрипт рисует пиксели из одного или нескольких источников. Проверьте Network: там могут быть текстуры, тайлы, JPEG или данные API. Если доступен только итоговый canvas и материал разрешено сохранить, используйте встроенный экспорт приложения или скриншот. Консольные команды вроде toDataURL() могут не работать из-за CORS и не должны использоваться для обхода защит.

Blob URL

Адрес blob:https://... действует внутри текущего контекста и исчезает после закрытия вкладки. Найдите запрос, который создал blob, через Network и Initiator. Если приложение предлагает кнопку Download, используйте её: она сохранит объект корректно. Попытка открыть blob в другой сессии обычно бессмысленна. Не копируйте токены или cookies из запросов.

JSON и API

Карточка товара или галерея может получить список изображений из XHR/fetch-ответа в JSON. В Network откройте Preview/Response и найдите поля вроде image, src, original, width. Используйте только публичный ответ, который приложение уже загрузило для вас. Не перебирайте идентификаторы и не обращайтесь к закрытым API. Если URL временный, сохраняйте файл сразу штатной командой, не публикуя подпись.

CDN-параметры

Сервисы изображений часто преобразуют файлы по параметрам ширины, высоты, качества и формата. Например, один URL может отдавать WebP браузеру и JPEG старому клиенту. Не существует универсального правила «удалить всё после вопросительного знака». Параметры могут включать криптографическую подпись, срок действия, кадрирование и ориентацию. Безопасная проверка — сравнить только варианты, уже перечисленные в srcset или реально запрошенные страницей.

Как не перепутать оригинал, миниатюру и растянутую копию

Если скачанные иллюстрации нужно передать одним документом, для JPEG используйте конвертацию JPG в PDF, а кадры с прозрачностью собирайте по отдельной схеме PNG в один PDF без потери резкости.

Слово «оригинал» имеет минимум три значения: файл, загруженный автором; самый крупный вариант, доступный через сайт; и ресурс, выбранный браузером. Эти объекты могут различаться. Сайт может хранить исходник 6000 × 4000, публиковать максимум 2048 × 1365 и показывать 1024 × 683. Пользователь может легально скачать только опубликованный вариант, а не внутренний мастер-файл.

  • Natural size: собственные размеры текущего файла; в DevTools — naturalWidth/naturalHeight.
  • Rendered size: размеры элемента на экране; CSS может увеличивать или уменьшать.
  • Transfer size: объём сетевого ответа; зависит от формата, качества и кэша.
  • Content dimensions: размеры после декодирования; два файла одинакового размера в пикселях могут иметь разную детализацию.
  • Crop: версия может быть не уменьшена, а обрезана под другую пропорцию.

Проверьте файл в просмотрщике при 100%, затем увеличьте до 200% только для обнаружения артефактов. Сравните мелкие детали, волосы, текстуры, тонкие линии и текст. Если контуры распадаются на квадраты уже при 100%, вероятна миниатюра или сильное сжатие. Увеличение нейросетью создаёт интерпретированные детали и не превращает файл в исходник.

Метаданные EXIF полезны, но не обязательны: сайт часто удаляет их ради приватности и экономии. Отсутствие EXIF не доказывает подделку, а наличие камеры и даты не гарантирует, что файл не был уменьшен. Основные критерии — разрешение, визуальное качество, URL-варианты и контекст публикации.

Типичные ошибки и точные способы исправления

Сохранился HTML вместо изображения

Откройте файл в текстовом редакторе или проверьте MIME-тип. Вероятно, URL ведёт на страницу ошибки, авторизацию или редирект. Вернитесь в Network, откройте запрос с Content-Type image/* и статусом 200. Не переименовывайте HTML в JPG.

Файл имеет нулевой или очень маленький размер

Загрузка могла быть прервана, ссылка — временной, либо сервер вернул служебный ответ. Повторите штатное сохранение в той же открытой вкладке. Не используйте устаревший скопированный URL с токеном.

Контекстное меню показывает только ссылку

Изображение может быть фоном или перекрыто элементом. Используйте Inspect, выберите контейнер и найдите background-image; затем проверьте Network.

В Elements виден прозрачный GIF

Это placeholder для lazy loading. Прокрутите элемент в область просмотра, дождитесь замены src/data-src и повторите.

В srcset много адресов

Сравните дескрипторы ширины, условия sizes, пропорции и currentSrc. Откройте кандидаты по одному; не предполагаете, что последний всегда нужен.

Network пуст

Убедитесь, что запись включена, очистите журнал и перезагрузите страницу при открытой панели. Снимите фильтр Img и проверьте All/XHR, если изображение приходит через API.

Запрос отмечен 304

Ресурс взят из кэша. URL остаётся пригодным. Для повторной загрузки откройте в новой вкладке или включите Disable cache при открытой DevTools и перезагрузите.

Запрос возвращает 403

Сервер ограничивает прямой доступ или требует контекст. Не обходите проверку. Сохраните изображение штатной командой в разрешённой сессии или запросите файл у владельца.

После удаления параметров качество не выросло

Параметр мог быть обязательным, а исходный мастер не публикуется. Верните исходный URL и используйте максимальный вариант из srcset/Network.

WebP не открывается

Обновите просмотрщик или откройте файл в современном браузере. Проверьте настоящий MIME-тип. Создайте PNG/JPEG-копию конвертером, не меняя только расширение.

AVIF потерял цвет после конвертации

Инструмент мог неправильно обработать профиль или HDR. Используйте актуальный редактор, экспортируйте в sRGB и сравните с браузерным отображением. Исходный AVIF сохраните.

PNG стал слишком тяжёлым

Это ожидаемо для фотографий. Если прозрачность не нужна, создайте JPEG с разумным качеством; исходник не удаляйте. Для веб-публикации рассмотрите WebP/AVIF.

Расширение скачало иконки

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

Парсер видит только миниатюры

Сервис анализирует начальный HTML и не выполняет нужный JavaScript. Используйте Elements/Network в своём браузере. Не передавайте закрытую страницу стороннему сервису.

Из PDF извлеклись страницы целиком

Печатный движок растрировал страницу или объединял слои. Это не ошибка PDF Commander. Для отдельных оригиналов перейдите к сетевому ресурсу.

Из PDF не извлеклась фоновая картинка

Она могла быть отключена в печати или нарисована как часть страницы. Включите «Фоновая графика», повторите предпросмотр; если не помогает, ищите CSS/Network.

Скриншот нечёткий

Верните масштаб 100%, увеличьте окно и захватывайте область без последующего растягивания. Для оригинала скриншот не подходит.

Сохранённая картинка повёрнута

Ориентация могла храниться в EXIF, который программа игнорирует или удаляет. Откройте в современном редакторе и экспортируйте с применённой ориентацией, сохранив исходник.

Имя файла без расширения

Проверьте Content-Type и определите формат системным просмотрщиком или командой file. Добавляйте расширение только после определения типа.

Несколько файлов имеют одинаковый вид

Сравните SHA-256 и размеры. Если хеши совпадают, это байтовые дубли. Если различаются, возможно, отличаются метаданные, качество или формат.

Картинка загружается только после наведения

Откройте Network, очистите журнал, наведите курсор и найдите новый запрос. Не автоматизируйте массовые наведения по всему сайту.

Галерея меняет URL при каждом открытии

Это может быть временная подписанная ссылка. Используйте встроенную кнопку Download или сохранение в текущей сессии; не публикуйте URL.

Фоновое изображение состоит из спрайта

Один файл содержит много иконок. Сохранение спрайта даст весь лист. Для собственной работы вырежьте нужную область; для чужого интерфейса учитывайте права и не выдавайте фрагмент за отдельный оригинал.

Изображение в iframe

Откройте кадр только через доступные команды браузера или найдите его запрос в Network. Если iframe относится к другому защищённому сервису, не обходите его ограничения.

Браузер предлагает .jfif

Это разновидность JPEG-контейнера/расширения. Большинство редакторов открывают файл; при необходимости корректно переэкспортируйте в .jpg, не меняя только имя.

Сайт показывает водяной знак

Не ищите способ удалить или обойти его. Найдите лицензионную версию, приобретите файл или запросите разрешение. Для своих изображений можно изучить, как добавить водяной знак на фото.

Проверка результата: чек-лист перед использованием

  1. Откройте файл в отдельном просмотрщике, а не только в миниатюре Проводника.
  2. Проверьте фактический формат и расширение; при сомнении определите MIME-тип.
  3. Запишите ширину и высоту в пикселях. Сравните их с naturalWidth/naturalHeight или данными Network.
  4. Просмотрите изображение при масштабе 100% и найдите признаки растяжения, обрезки, сильного JPEG-сжатия или скриншота.
  5. Сравните пропорции с публикацией. Вертикальный и горизонтальный варианты могут быть разными кадрами.
  6. Проверьте прозрачность, анимацию и цветовой профиль после конвертации.
  7. Сохраните исходный WebP/AVIF/JPEG отдельно от обработанной копии.
  8. Зафиксируйте URL страницы, дату, автора или владельца и условия лицензии.
  9. Убедитесь, что файл не получен из платной или закрытой зоны обходным способом.
  10. Перед публикацией получите разрешение, если лицензия не даёт нужного права.

Для большого набора создайте CSV или таблицу с колонками: локальное имя, SHA-256, разрешение, формат, байты, исходная страница, прямой URL, способ получения, дата, лицензия и примечание. Хеш позволяет выявлять байтовые дубли даже при разных именах. Перцептивное сравнение помогает найти визуально одинаковые версии, но решение об удалении принимайте после проверки качества.

Не удаляйте исходник сразу после обработки. Рабочая структура может выглядеть так: original/ для неизменённых файлов, converted/ для PNG/JPEG-копий, screenshots/ для видимых снимков, notes/ для URL и лицензий. Такая схема исключает подмену оригинала скриншотом и упрощает повторную проверку.

Безопасность, приватность и авторские права

Картинка, которую браузер может показать, не автоматически свободна для повторной публикации. Право просмотра и право использования — разные вещи. Проверьте лицензию страницы, подпись автора, условия фотобанка, правила площадки и допустимую цель. Для личной заметки риск и объём прав отличаются от рекламы, печати, продажи, публичного репоста или обучения коммерческой модели.

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

Не публикуйте HAR, Copy as cURL, временные URL, cookies и токены. Такие данные могут раскрыть сессию или личные параметры. Для документирования достаточно адреса общедоступной страницы и URL публичного файла без секретных частей. Если ссылка содержит длинную подпись и срок действия, храните её только в закрытой ведомости или не сохраняйте вовсе.

С техническими ограничениями поступайте буквально: сообщение о запрете, статус 401/403, платная стена, отключённая функция скачивания в лицензированном просмотрщике и водяной знак — это не задачи для обхода. Легальные варианты: купить лицензию, запросить оригинал у автора, использовать разрешённый сток, сделать собственную фотографию или выбрать материал с открытой лицензией.

Частые вопросы

Можно ли скачать исходную картинку простым правым кликом?

Да, если элемент использует сам исходный ресурс. Но при srcset правый клик часто сохраняет выбранную браузером версию. Проверяйте natural dimensions и варианты разметки.

Как понять, что файл — миниатюра?

Сравните естественные размеры, имя/URL, кандидаты srcset и запросы Network. Признаки thumb, небольшая ширина и сильная пикселизация указывают на производную копию.

Что делать, если правый клик отключён?

Не пытайтесь ломать страницу. Используйте штатный Inspect/Elements для общедоступного ресурса или Firefox Page Info. Если владелец явно ограничил скачивание, запросите разрешение.

Где искать фоновое изображение?

Выделите контейнер в Elements и найдите background-image в Styles или Computed. Затем подтвердите URL и размеры во вкладке Network.

Как скачать картинку, которая появляется после прокрутки?

Откройте Network, очистите журнал, прокрутите к элементу и найдите новый запрос. В Elements после загрузки проверьте замену data-src на src.

Можно ли удалить параметр width из URL?

Только как осторожный тест публичного адреса, если параметр явно является преобразованием и сервер это допускает. Не удаляйте подписи, токены и защитные параметры; используйте перечисленные сайтом варианты.

Почему WebP сохраняется как веб-страница?

Обычно система скрывает расширение или старая программа не знает формат. Проверьте MIME-тип, откройте файл в браузере и при необходимости конвертируйте копию.

Что лучше: PNG или JPEG после конвертации?

PNG — для прозрачности, текста, схем и сохранения без потерь; JPEG — для фотографий без прозрачности и меньшего веса. Исходный WebP/AVIF храните отдельно.

Можно ли получить AVIF как JPG без потери качества?

Перекодирование в JPEG обычно вносит потери и может изменить HDR/цвет. Можно подобрать высокое качество, но это будет производная копия, не идентичный оригинал.

Почему PDF Commander извлёк не все картинки?

Печатный PDF содержит только то, что браузер включил в представление. Фоны, lazy loading, canvas и объединённые слои могут не стать отдельными объектами. Используйте Elements или Network.

Отличается ли текстовый PDF от скана?

В текстовом PDF текст выделяется, а графические объекты часто существуют отдельно. В скане страница обычно один растр. Извлечение из скана вернёт страницу целиком или не даст отдельных иллюстраций.

Можно ли извлекать картинки из подписанного PDF?

Работа с копией может быть возможна, но изменение подписанного документа нарушает проверку подписи. Не сохраняйте изменённый файл как подлинный; запросите исходные изображения у владельца.

Зачем вкладка Network, если есть Elements?

Elements показывает текущую структуру, Network — реальные запросы и ответы. Network лучше для динамической загрузки, blob, API, размеров ответа и выбора между похожими ресурсами.

Почему в Network нет расширения файла?

CDN и API могут отдавать изображение по URL без суффикса. Смотрите Content-Type, Preview и размеры, а не только имя.

Как скачать SVG?

Если SVG имеет отдельный общедоступный URL, откройте и сохраните его как .svg. Не заменяйте скриншотом. Встроенный inline-SVG не является отдельным файлом.

Можно ли сохранить canvas?

Используйте официальную кнопку экспорта приложения. Если её нет и разрешена только видимая копия, сделайте скриншот. Network может показать исходные ресурсы, но не всегда существует единый оригинал.

Как сохранить все картинки со страницы одним кликом?

Расширение или парсер может собрать список, но результат требует фильтрации, проверки оригиналов, прав и конфиденциальности. Один клик не отменяет аудит.

Как не скачать одинаковые файлы дважды?

Считайте SHA-256 для байтовых дублей и сравнивайте разрешение/превью для визуальных вариантов. Разные хеши могут означать разные метаданные или качество.

Что делать с временной ссылкой CDN?

Сохраните разрешённый файл штатной командой в текущей сессии. Не публикуйте ссылку и не пытайтесь продлевать подпись.

Можно ли использовать скачанную картинку в презентации или посте?

Только если лицензия и цель использования это разрешают либо получено согласие автора. Техническая возможность сохранения не является лицензией.

Итоговая последовательность без лишних действий

  1. Для одной картинки сначала откройте её в новой вкладке и попробуйте штатное сохранение.
  2. Сверьте natural dimensions. Если файл мал, изучите srcset, picture и ссылку вокруг изображения.
  3. Для CSS-фона найдите background-image. Для lazy loading сначала прокрутите к элементу.
  4. Если ресурс появляется динамически, запишите действие на вкладке Network и проверьте ответ.
  5. Для набора файлов используйте расширение или парсер только на общедоступной странице и после проверки разрешений.
  6. PDF Commander применяйте к печатной копии, когда подходят изображения, встроенные в PDF; не называйте их серверными оригиналами без проверки.
  7. Скриншот оставьте для видимого результата, canvas или справочной копии.
  8. WebP/AVIF сохраняйте как исходник; PNG/JPEG делайте отдельной производной копией.
  9. Перед использованием зафиксируйте разрешение, источник, дату и лицензию.

Надёжный результат — не просто файл, который открылся. Это изображение с установленным происхождением, понятным способом получения, проверенным разрешением и форматом, сохранённое без обхода доступа и используемое в пределах разрешённой лицензии.

Практические сценарии проверки

Сценарий 1. Новостной сайт

На странице типа «новостной сайт» обложки могут идти через CDN с несколькими ширинами. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 1: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 2. Интернет-магазин

На странице типа «интернет-магазин» галерея меняется после выбора цвета товара. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 2: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 3. Портфолио дизайнера

На странице типа «портфолио дизайнера» изображения могут быть фонами и защищены условиями автора. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 3: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 4. Онлайн-курс

На странице типа «онлайн-курс» иллюстрации доступны только в пределах разрешённого просмотра. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 4: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 5. Документация

На странице типа «документация» SVG и схемы лучше сохранять в векторе. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 5: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 6. Социальная лента

На странице типа «социальная лента» lazy loading и бесконечная прокрутка создают дубли. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 6: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 7. Карта или панорама

На странице типа «карта или панорама» canvas собирается из тайлов и не имеет одного исходного файла. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 7: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 8. Страница мероприятия

На странице типа «страница мероприятия» афиша может иметь отдельные мобильную и десктопную версии. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 8: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 9. Каталог недвижимости

На странице типа «каталог недвижимости» фотографии подгружаются после открытия конкретного объекта. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 9: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 10. Сайт музея

На странице типа «сайт музея» публичный просмотр не всегда разрешает повторную публикацию экспоната. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 10: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 11. Блог на wordpress

На странице типа «блог на WordPress» миниатюра и полный размер часто отличаются суффиксом размеров. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 11: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 12. Spa-приложение

На странице типа «SPA-приложение» адреса приходят из JSON после выполнения JavaScript. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 12: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 13. Корпоративный кабинет

На странице типа «корпоративный кабинет» онлайн-парсер использовать нельзя из-за конфиденциальности. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 13: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 14. Архив прессы

На странице типа «архив прессы» сканы страниц не равны отдельным исходным фотографиям. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 14: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.

Сценарий 15. Галерея фотографа

На странице типа «галерея фотографа» watermark и ограничение загрузки требуют запроса лицензии. Начните с определения элемента через Inspect, затем сравните текущий currentSrc с кандидатами srcset. Если изображение появляется после действия, очистите Network и воспроизведите только этот шаг. Сохраните ресурс без изменения URL, проверьте natural dimensions и запишите страницу-источник. Если сайт показывает ограничение или файл предназначен только для просмотра, не переходите к обходным действиям: запросите разрешение или используйте собственный материал.

Контроль для сценария 15: сохранённый файл должен открываться локально, иметь подтверждённый формат, не быть HTML-ошибкой и не содержать искусственно увеличенную миниатюру. Для WebP/AVIF оставьте исходник; для скриншота явно укажите способ получения. Пакетная выгрузка оправдана только при наличии прав на все страницы списка.