JPG в WebP v1.0

Конвертер JPG в WebP переводит фотографии из формата JPEG в WebP прямо в браузере и в среднем снимает с файла около половины веса, не давая при этом видимой глазом разницы. Задача у такой конвертации одна и вполне конкретная: страница, на которой лежит десяток снимков по 2 МБ, грузится медленно, и это сразу проявляется в отчётах Яндекс Вебмастера и PageSpeed Insights. Сервис DocPivot ничего не отправляет на сервер, обрабатывает до 30 файлов за один проход и пригодится тем, кто готовит фотографии для сайта, а не просто хочет сжать изображения без смены формата.

Обзор конвертера JPG в WebP от DocPivot

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

Инструмент декодирует JPEG через createImageBitmap, разворачивает снимок по данным EXIF Orientation и кодирует результат энкодером libwebp, скомпилированным в WebAssembly. Качество по умолчанию выставлено на 85, и это не округлённая середина шкалы, а результат замеров: на этой отметке типовая фотография теряет примерно 57% веса, а разницу в детализации на экране различить уже нельзя. Включён режим sharp YUV, который заметно помогает на резких границах: тексте, логотипах, контурах предметов на однотонном фоне. Если полученный WebP понадобится вернуть к привычному формату, для этого есть обратная конвертация WebP в JPG.

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

Конвертер рассчитан прежде всего на тех, кто отвечает за скорость загрузки страниц: веб-мастеров, SEO-специалистов, владельцев магазинов на 1С-Битрикс и Тильде, авторов блогов и каналов в Дзене. Им нужен предсказуемый вес картинки, а не абстрактное «высокое качество». Вторая категория: фрилансеры, которым передают папку с исходниками и просят подготовить её к публикации за вечер. Для смешанных наборов файлов пригодится универсальный конвертер изображений.

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

Основная проблема при переводе JPG в WebP заключается в том, что почти все конвертеры используют настройки, придуманные для несжатых источников. При качестве 95 энкодер тратит биты на сохранение артефактов исходного JPEG, а не самой картинки, и экономия падает до 7%. Тот же снимок при качестве 85 весит на 57% меньше, а разница между двумя вариантами одного фото на 12 мегапикселей доходит до 600 КБ. Именно эти килобайты определяют, уложится ли страница в нормативы Core Web Vitals.

Основные преимущества конвертации JPG в WebP

• Экономия около половины веса. При качестве 85 WebP стабильно даёт минус 55-60% к исходному JPEG. Для галереи из 40 снимков это разница между 80 МБ и 34 МБ трафика.
• Настройка по умолчанию, выбранная замером. Значение 85 подобрано по показателю PSNR и визуальной проверке на фотографиях, уже прошедших через JPEG-сжатие.
• Ничего не уходит на сервер. Файлы обрабатываются в браузере, поэтому вопрос обработки персональных данных по 152-ФЗ при работе со сканами и фотографиями сотрудников просто не возникает.
• Точный целевой вес. Ограничение вроде «не более 200 КБ» выполняется подбором качества: до 8 проб в диапазоне от 5 до 95.
• Пакет до 30 файлов. Один файл скачивается под своим именем, несколько собираются в ZIP-архив.
• Правильная ориентация. Снимки с телефона, лежащие боком, разворачиваются на этапе декодирования: в WebP тега ориентации нет.
• Уменьшение размеров при конвертации. Длинную сторону можно ограничить 2048 или 1200 пикселями, а для более тонкой работы с геометрией подойдёт изменение размера изображений.
• Честный отчёт по каждому файлу. Карточка результата показывает габариты, новый вес и процент экономии, а если файл вырос, об этом прямо написано. Для прозрачных исходников логика та же, что в конвертации PNG в WebP.

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

• Энкодер libwebp в wasm. Тот же кодек, что в утилите cwebp, работает локально со скоростью десктопного приложения.
• Режим sharp YUV. Снижает характерные цветовые ореолы на границах контрастных областей, что важно для скриншотов интерфейсов и инфографики.
• Четыре пресета качества. «Оригинал», «Высокое», «Хорошее» и «Меньший файл» покрывают задачи от архивной копии до превью.
• Бинарный поиск по целевому весу. Инструмент находит максимальное качество, при котором файл укладывается в заданный лимит в килобайтах.
• Ограничение только в сторону уменьшения. Снимок меньше заданного порога не растягивается и не портится апскейлом.
• Учёт EXIF Orientation. Значения от 1 до 8 применяются к пикселям, а не сохраняются как метаданные.
• Пакетная обработка с общими настройками. Один набор параметров применяется ко всей очереди.
• Выгрузка в ZIP. Имена файлов сохраняются, меняется только расширение.
• Работа без аккаунта. Нет регистрации, API-ключей и суточных лимитов на число конверсий.
• Кадрирование до конвертации. Лишние поля лучше убрать заранее, для этого подойдёт обрезка изображения, а векторные исходники обрабатывает конвертация SVG в WebP.

Как работает конвертация JPG в WebP

1. Загрузка файлов. Перетащите до 30 снимков в окно браузера или выберите их через проводник. Файлы остаются на вашем устройстве.
2. Декодирование с разворотом. JPEG раскодируется в растр, ориентация из EXIF применяется сразу. Если снимок изначально лежал криво, поможет поворот изображения перед конвертацией.
3. Выбор параметров. Укажите пресет качества либо задайте предельный вес в килобайтах и при необходимости ограничьте длинную сторону.
4. Кодирование в WebP. Энкодер libwebp формирует файл, а при заданном лимите веса перебирает значения качества, пока не найдёт подходящее.
5. Проверка результата. Карточка каждого файла показывает разрешение, итоговый вес и процент экономии относительно исходника.
6. Скачивание. Один файл сохраняется напрямую, пакет собирается в архив одним нажатием.

Когда стоит переводить JPG в WebP

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

• Карточки товаров на своём сайте. Каталог из сотен позиций экономит гигабайты трафика и ускоряет отрисовку списка.
• Статьи в блоге и Дзене. Иллюстрации в тексте почти всегда крупнее необходимого и первыми тормозят показатель LCP.
• Портфолио и фотогалереи. Сетка превью на 60 снимков в JPEG весит десятки мегабайт, в WebP единицы.
• Лендинги под рекламные кампании. Каждая секунда загрузки повышает долю отказов и удорожает клик в Яндекс Директе.
• Мобильный трафик в регионах. При нестабильном LTE вес первого экрана решает, дождётся ли посетитель контента.
• Архивы рабочих снимков. Для тысяч фотографий пригодится и более плотный кодек, например конвертация JPG в AVIF.
• Фотографии, снятые на iPhone. Если исходники в HEIC, промежуточный шаг через JPEG не нужен, есть прямая конвертация HEIC в WebP.

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

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

Каталог интернет-магазина на 1С-Битрикс

Контекст: магазин мебели, 900 товаров, по 5 фотографий весом от 1,2 до 3 МБ.

• Пакеты по 30 файлов конвертируются с качеством 85 и ограничением длинной стороны в 2048 пикселей.
• Для миниатюр в списке используется отдельный проход с лимитом в 120 КБ.

Результат: вес медиатеки сокращается с 14 ГБ до 6 ГБ, отрисовка страницы категории ускоряется почти вдвое.

Подготовка иллюстраций для блога

Контекст: контент-редактор публикует 12 статей в месяц, в каждой по 6-8 скриншотов и фотографий.

• Скриншоты интерфейсов конвертируются с включённым sharp YUV, чтобы не поплыл мелкий текст.
• Ширина ограничивается 1200 пикселями, поскольку контентная колонка уже.
• Редкие случаи роста веса видны по отчёту и отправляются обратно в JPEG.

Результат: средний вес статьи падает с 4,5 МБ до 1,6 МБ без правок в вёрстке.

Фотоотчёты для отраслевого портала

Контекст: редакция получает снимки прямо со смартфонов корреспондентов.

• Файлы обрабатываются в браузере, исходники не попадают на сторонние серверы.
• Ориентация выправляется автоматически, вертикальные кадры не приходят боком.
• Данные съёмки при необходимости сверяются заранее через просмотр EXIF-данных.

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

Портфолио фотографа с ограниченным хостингом

Контекст: тариф хостинга ограничивает дисковое пространство и месячный трафик.

• Превью готовятся пресетом «Меньший файл», полноразмерные версии качеством 85.
• Для клиентов, скачивающих работы, набор дублируется через конвертацию WebP в PNG.

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

Что на самом деле дают настройки качества

Разница между пресетами измеряется двумя величинами: изменением веса относительно исходного JPEG и показателем PSNR. Замеры сделаны на типовой фотографии в 12 мегапикселей, снятой смартфоном.

Вывод простой: пресет «Высокое» почти не экономит место, потому что кодек добросовестно сохраняет дефекты предыдущего сжатия. PSNR выше 40 дБ на фотографии означает, что расхождение с исходником при обычном просмотре не различается, а ниже 39 дБ на градиентах вроде неба начинают проступать полосы.

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

Перевод JPG в WebP это конвертация из потерь в потери, и DocPivot об этом предупреждает прямо. Исходный JPEG уже отбросил часть информации, WebP отбрасывает ещё немного, а настройка по умолчанию поставлена там, где второй шаг перестаёт быть заметным, а не там, где он перестаёт существовать. Пресет «Оригинал» не означает сжатие без потерь: это качество 100, и на фотографии такой файл окажется тяжелее исходного JPEG примерно на треть.

Метаданные EXIF и GPS-координаты в WebP не переносятся: для веба это плюс, но если геометки нужны для учёта, сохраните исходники. Совместимость тоже не абсолютная: браузеры поддерживают WebP давно, а вот встроенные просмотрщики старых сборок Windows, часть корпоративных систем документооборота и отдельные редакторы всё ещё открывают такие файлы неохотно.

WebP и российские площадки: где формат уместен, а где нет

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

• Wildberries и Ozon. Карточка рассчитана прежде всего на JPG и PNG с соотношением сторон 3:4, поддержка WebP заявляется не во всех разделах.
• Яндекс Директ и VK Реклама. Креативы загружаются в JPG и PNG, WebP для рекламных объявлений использовать нельзя.
• Авито. Объявления принимают привычные растровые форматы, конвертация тут лишний шаг.
• Собственный сайт, лендинг, блог. Здесь WebP на своём месте и напрямую влияет на скорость загрузки.

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