Сжать изображение v1.0

Сжатие изображений — это уменьшение веса файла JPG, PNG или WebP без видимой потери качества. Компрессор изображений DocPivot работает прямо в браузере на кодеках MozJPEG, libwebp, libavif и oxipng, собранных в WebAssembly, поэтому ни один файл никуда не загружается. За один проход обрабатывается до 30 изображений, можно задать целевой вес и сразу получить копии в WebP и AVIF. Там, где встроенный в браузер canvas снимал с фотографии 12% веса, MozJPEG снимает 64%.

Обзор компрессора изображений DocPivot

Основная функциональность

Инструмент кодирует изображение теми же библиотеками, что используют профессиональные оптимизаторы, но выполняет это на вашем устройстве. Вы загружаете файлы, выбираете уровень сжатия или конкретный размер в килобайтах, и получаете готовый результат: одиночный файл или ZIP-архив, если файлов несколько либо запрошены дополнительные форматы. Поддерживаются JPG, PNG, WebP и AVIF на входе и выходе; при необходимости рядом с исходным форматом создаются WebP и AVIF-копии для элемента . Ограничения простые: 30 файлов за раз, до 100 МБ каждый.

Кому подходит инструмент

Чаще всего компрессором пользуются веб-разработчики, SEO-специалисты и селлеры маркетплейсов. Разработчику нужно уложить галерею в бюджет по Core Web Vitals, продавцу на Wildberries — подготовить 30 кадров карточки, дизайнеру — отправить подборку заказчику через почту с лимитом вложения. Отдельная категория — те, кто просто не хочет отдавать чужие фотографии зарубежному сервису. Если параллельно нужно поменять габариты кадра, используйте изменение размера изображений.

Проблема и решение

Тяжёлые изображения — самая частая причина медленной загрузки страниц и отказов при отправке файлов. Страница с четырьмя фотографиями по 4 МБ грузится на мобильном интернете десятки секунд, а Яндекс учитывает поведенческие факторы, включая отказы. После сжатия те же кадры весят 200–400 КБ, визуально не отличаются на экране и перестают тормозить сайт.

Основные преимущества сжатия изображений

• Ничего не выгружается на сервер. Кодеки исполняются в вашей вкладке, изображение не покидает устройство, очереди и загрузки нет вообще.
• Степень сжатия уровня десктопных программ. MozJPEG с trellis-квантованием и прогрессивными сканами выигрывает у обычного браузерного кодировщика в разы.
• Файл никогда не станет больше. Если результат не оказался меньше исходника, возвращается оригинал и об этом честно сообщается.
• Точный целевой вес. Назовите 200 КБ, и качество подберётся бинарным поиском вместо ручного перебора ползунка.
• Пакетная обработка до 30 файлов. Ровно столько кадров помещается в одну карточку товара на Wildberries, так что галерея готовится за один заход.
• Резкие края у скриншотов и логотипов. Цветовая субдискретизация выбирается по содержимому кадра, а не по расширению файла.
• Современные форматы в том же проходе. WebP и AVIF создаются рядом с оригиналом; отдельно перевести файл поможет конвертация PNG в WebP.
• Прозрачность по метаданным. Инструмент прямо говорит, что он изменил: цветовое пространство, EXIF, ориентацию.

Ключевые функции компрессора

• Четыре уровня сжатия. «Минимальный вес», «Баланс», «Максимальное качество» и «Подогнать под размер» покрывают почти все сценарии без ручной настройки.
• Подбор качества под заданный вес. Бинарный поиск по диапазону качества 5–95, не больше восьми проб, сохраняется лучший результат, который уложился в лимит.
• Субдискретизация по содержимому. Выборка примерно из 4 000 пикселей определяет, насколько часто соседние точки совпадают: фотографии дают около 2%, скриншоты и заливки — около 70%.
• Защита анимаций. Анимированные GIF, APNG и WebP распознаются по внутренней структуре и возвращаются нетронутыми с пояснением.
• Подложка под прозрачность. При переводе в JPEG прозрачные пиксели заливаются белым, а не чёрным, как это делает canvas по умолчанию.
• Сохранение EXIF, XMP и ICC. Метаданные исходного JPEG переносятся по желанию, тег ориентации сбрасывается в 1. Посмотреть, что лежит внутри файла, поможет просмотр EXIF-данных.
• Предупреждение о CMYK. Файл в CMYK становится RGB, потому что у canvas другого режима нет, и об этом сообщается прямо в результате.
• Экспорт в AVIF по запросу. Кодек весом 3,5 МБ подгружается только если вы включили этот формат, чтобы не тратить трафик впустую.
• Оптимизация контейнера PNG. oxipng пересобирает PNG без потерь; если нужен другой контейнер, подойдёт перевод PNG в JPG.
• Выдача ZIP-архивом. Несколько файлов и дополнительные форматы складываются в один архив, чтобы не скачивать всё по одному.
• Проверка результата перед выдачей. Размер до и после сравнивается, и решение принимается в пользу меньшего файла.
• Загрузка кодеков один раз за сессию. Модули WebAssembly кэшируются, поэтому второй и последующие файлы обрабатываются без паузы.

Как работает компрессор изображений DocPivot

1. Проверка на анимацию. Движок обходит блочную структуру файла и, обнаружив анимацию, отдаёт её обратно без изменений.
2. Декодирование и подложка. Изображение раскладывается на canvas, прозрачные области при выводе в JPEG сводятся на белый фон.
3. Анализ пикселей. По выборке считается доля совпадающих соседних точек, и от неё зависит выбор между 4:2:0 и 4:4:4.
4. Кодирование. MozJPEG, libwebp на пятом методе с sharp YUV, oxipng или libavif обрабатывают кадр с выбранными параметрами.
5. Проверка и выдача. Результат сравнивается с оригиналом, переносятся метаданные, файлы упаковываются в архив. Дальше картинку можно, например, обрезать изображение под нужные пропорции.

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

Сжатие нужно всегда, когда файл где-то публикуется или куда-то отправляется. Оптимизировать снимок с зеркальной камеры перед загрузкой на сайт обязательно: исходник в 8 МБ съест мобильный трафик посетителя и испортит показатели скорости. Ниже основные ситуации.

• Публикация на сайте или в блоге. Уровень «Минимальный вес» с автоматической субдискретизацией — стандартный выбор для веб-графики.
• Карточки товара на маркетплейсах. Wildberries и Ozon принимают до 5 МБ, но карточка ранжируется лучше, когда кадры весят 1–3 МБ.
• Отправка по электронной почте. Режим «Подогнать под размер» помогает уложиться в лимит вложения корпоративной почты.
• Подготовка вложений к документам. Перед сборкой пакета удобно применить объединение JPG в PDF, а уже готовый документ ужать.
• Загрузка в CMS с лимитом. Битрикс и другие системы часто ограничивают вес файла настройками PHP.
• Фотографии с iPhone. Формат HEIC понимают не все площадки, и здесь пригодится конвертация HEIC в JPG.
• Архивирование съёмки. Уровень «Максимальное качество» уменьшает вес, оставляя запас для дальнейшей ретуши.

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

Примеры использования

Карточка товара для Wildberries

Контекст: селлер снял 28 кадров одежды, каждый по 6–9 МБ в JPG.

• Все файлы загружаются одной партией, лимит в 30 штук не превышен.
• Выбирается режим «Подогнать под размер» с целью 2 МБ.
• Готовый архив распаковывается и уходит в личный кабинет продавца.

Результат: карточка открывается быстрее, модерация проходит без замечаний по весу.

Галерея на корпоративном сайте

Контекст: у страницы услуг 12 фотографий, суммарно 34 МБ, LCP выше четырёх секунд.

• Включается вывод WebP и AVIF рядом с JPG.
• Вёрстка переводится на элемент с тремя источниками.
• Для иконок сайта отдельно готовится набор через генератор фавиконов.

Результат: вес галереи падает до 3,8 МБ, показатель LCP укладывается в 2,5 секунды.

Скриншоты для документации

Контекст: техписатель готовит 20 скриншотов интерфейса в PNG по 400–600 КБ.

• Анализ пикселей определяет заливки и включает 4:4:4, текст остаётся читаемым.
• Часть скриншотов переводится в WebP, где экономия заметно выше.
• При необходимости на кадры добавляется водяной знак на изображение.

Результат: руководство весит втрое меньше, шрифты на иллюстрациях не замылены.

Фото сотрудников для внутреннего портала

Контекст: HR-отдел обрабатывает 30 портретов сотрудников для раздела «Команда».

• Файлы не покидают компьютер, поэтому трансграничной передачи данных не возникает.
• Метаданные с координатами съёмки отключаются при экспорте.
• Дополнительно можно применить удаление метаданных из фото.

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

Уровни сжатия и что они делают

Уровень определяет параметр качества кодека и режим цветовой субдискретизации. Разница между «Минимальным весом» и «Балансом» на фотографии почти незаметна глазу, но по весу составляет примерно четверть файла.

Честные ограничения инструмента

Часть возможностей сознательно не реализована, и об этом лучше знать заранее. Квантование PNG с потерями не предлагается: для него нужна библиотека libimagequant под лицензией GPL-3, а это перевело бы весь JavaScript страницы под GPL. Поэтому PNG-в-PNG сжимается без потерь и экономит немного. Честный ответ для тяжёлого PNG — перевод в WebP: на измерении файл 466 КБ превратился в 171 КБ против 441 КБ у палитрового квантования, и такой же результат даёт конвертер форматов изображений.

CMYK всегда становится RGB, поскольку у canvas просто нет режима CMYK. Инструмент сообщает о замене, а не молча превращает подготовленный к печати файл в непригодный. Анимации возвращаются нетронутыми: кадр на canvas один, и сжатие схлопнуло бы GIF в одну картинку. Управления размерами кадра на панели нет намеренно — уменьшение пикселей влияет на вес сильнее любой настройки качества, и эта задача живёт в отдельном инструменте.

Требования маркетплейсов и веса файлов

Wildberries и Ozon принимают JPG, PNG и WebP при минимальном разрешении 900 × 1200 или 1200 × 1600 пикселей и соотношении сторон 3:4. Формальный лимит по весу — 5 МБ, но скорость открытия карточки влияет на её позицию в выдаче площадки, поэтому селлеры обычно держатся диапазона 1–3 МБ. В одну карточку Wildberries помещается до 30 фотографий, что совпадает с лимитом пакетной обработки здесь. Для сборной инфографики из нескольких кадров подойдёт создание коллажей.

Часто задаваемые вопросы