Короткий ответ: по качеству изображения на байт WebP обыгрывает JPG с заметным отрывом. По совместимости JPG недосягаем — он открывается на любом устройстве, в любом приложении, в любой типографии планеты. Так что ответ на «что лучше» — встречный вопрос: куда отправляется изображение? В веб, под вашим контролем: WebP. В неизвестность: JPG. Вот техническое обоснование обеих половин этого ответа.
Сжатие: 1992 против 2010
Ключевой трюк JPEG датируется 1992 годом (история JPG рассказывает всё целиком). Изображение режется на блоки 8×8 пикселей, каждый блок проходит дискретное косинусное преобразование в частоты, а квантователь выбрасывает высокочастотные детали, которые глаз почти не регистрирует. Цветовое разрешение по той же логике делится пополам. Это была блистательная инженерия эпохи диалапа — и с тех пор она принципиально не менялась.
Lossy WebP — это интра-фрейм кодирование VP8, выпущенное Google в 2010 году (о рождении WebP объясняет, как он вырос из видеосжатия). Философия та же — хранить то, что глаз замечает, выбрасывать остальное, — но механизм на восемнадцать лет новее. VP8 предсказывает каждый блок по соседям, прежде чем преобразовать оставшуюся разницу, использует более эффективный энтропийный кодировщик и адаптирует силу квантования по областям изображения вместо одной глобальной настройки.
Измеримый результат: при одинаковом визуальном качестве файлы WebP выходят примерно на 25–35 процентов меньше JPG. Оба формата с потерями — каждое сохранение отбрасывает информацию, — и наша статья о сжатии с потерями и без объясняет, что это значит для редактирования любого из них.
Разрыв растёт, чем сильнее вы давите на сжатие. При высоком качестве оба выглядят хорошо. Убавьте качество — и блоки 8×8 у JPG всплывают видимыми шахматными артефактами, тогда как WebP деградирует в гладкость, а не в квадратики. Всё ещё деградация, но более тихая её разновидность. Для миниатюр и превью, где байты важнее всего, а разглядывают меньше всего, это поведение ценнее заголовочного процента.
Таблица размеров
То же фото, сопоставимое субъективное качество:
| Фото | JPG | WebP (с потерями) |
|---|---|---|
| 12 Мп, полное качество | ~3,4 МБ | ~2,3 МБ |
| 1920×1080, раздача в веб | ~450 КБ | ~300 КБ |
| Миниатюра, 400 пкс шириной | ~35 КБ | ~24 КБ |
Треть с каждой картинки на странице накапливается быстро — вся причина, по которой сайты так агрессивно переходили на WebP. В пересчёте на сетку фотографий товаров это разница между двумя и тремя секундами загрузки на среднем мобильном соединении.
Что есть у WebP и чего у JPG не будет никогда
Формат JPG заморожен; контейнер WebP имел пространство для роста. Две возможности важны:
Альфа-прозрачность. Lossy WebP несёт отдельно закодированный альфа-канал, так что фото может лежать на прозрачном фоне. У JPG альфы нет вообще — прозрачность при сохранении «приклеивается» к сплошному цвету.
Анимация. WebP умеет анимированные изображения с полным цветом и альфой, что сделало его практичной заменой GIF. Анимированного JPG не существует.
Для обычной фотографии не важно ни то, ни другое. Оба пункта начинают значить, как только сайту нужен прозрачный вырез товара или короткий зацикленный ролик.
Ров JPG: работает везде и всегда
JPG читается с начала девяностых. Любая камера снимает в него. Любой телефон, принтер, телевизор, цифровая фоторамка и двадцатилетняя CMS его читают. Формы загрузки, отвергающие всё остальное, принимают JPG. Это не функция, которую можно замерить бенчмарком, — это три десятилетия накопленной поддержки, и ни одна спецификация формата её не воспроизведёт.
WebP рендерится в каждом современном браузере уже много лет, но за пределами браузера поддержка быстро редеет: старые редакторы, состарившиеся CMS, печатные конвейеры, встраиваемые устройства. Ту же дыру мы картировали со стороны графики в статье WebP против PNG, а со стороны «с потерями против без» — в JPG против PNG.
Что выбирать и когда
| Куда отправляется изображение | Формат | Почему |
|---|---|---|
| Сайт под вашим контролем | WebP | ~30 % меньше при том же качестве |
| Почта, мессенджеры, неизвестные получатели | JPG | открывается у всех без объяснений |
| Печать | JPG | печатные конвейеры ждут именно его |
| Чужие формы загрузки | JPG | многие до сих пор отвергают WebP |
| Логотипы, вырезы, всё прозрачное | WebP | JPG не умеет альфу |
| Долговременный архив оригинала | Ни один — храните оригинал или уходите в lossless | оба формата выбрасывают данные |
Когда нужно конвертировать
Если сайт вручил вам WebP-файлы, которым предстоит работать в более старом окружении, WebP в JPG конвертирует их локально в вашем браузере — пакетно и с ZIP-скачиванием, ничего никуда не уходит; пошаговая инструкция — в статье как конвертировать WebP в JPG. В обратную сторону JPG в WebP срезает треть с фотографий перед публикацией на странице.
Правило, которое из всего этого следует: снимайте и отправляйте в JPG, публикуйте в WebP — и конвертируйте на границе между двумя мирами.
