Перейти к содержимому

WebP: когда он экономит треть байтов и когда анкета его отклонит

5 мин, обновлено 2026-11-07

WebP — формат 2010 года, который делает работу JPG и PNG в одном файле: сжатие с потерями для фото, без потерь для графики, прозрачность в обоих случаях и анимация. Для сайта это обычно правильный выбор. Для анкеты — обычно неправильный, потому что анкету писали до того, как WebP стал распространённым.

Насколько меньше

При сопоставимом видимом качестве WebP с потерями примерно на 25–35 процентов меньше JPG на фотографиях, а WebP без потерь — примерно на 25 процентов меньше PNG на графике. Выигрыш больше всего на фото среднего качества и меньше всего на уже сильно сжатых файлах, где экономить почти нечего.

Где работает

Все современные браузеры показывают WebP: Chrome и Edge с 2014 года, Firefox с 2019, Safari с 2020 (macOS Big Sur и iOS 14). WordPress, Shopify, Squarespace и большинство современных CMS принимают загрузку WebP. Почтовые клиенты — по-разному; настольный Outlook его не показывает.

Где не работает

  • Государственные и экзаменационные порталы, перечисляющие JPG или PNG. Проверка смотрит сигнатуру файла, а не только расширение, так что переименование не поможет.
  • Старые программы просмотра фото и некоторые сервисы печати.
  • Microsoft Office до 2021 года и многие инструменты для PDF.
  • Любая анкета со словами «только JPEG». Сначала конвертируйте в JPG.

Конвертация без накопления потерь

JPG уже с потерями. Кодирование его в WebP с потерями добавляет вторые. Держите качество WebP на 80 и выше, и второй шаг невидим; ниже 70 два набора артефактов начинают складываться. В обратную сторону, из WebP в JPG, по той же причине используйте качество 90.

Для графики с прозрачностью PNG в WebP при качестве 100 близок к без потерь и точно сохраняет альфа-канал.

Практичные значения по умолчанию

НазначениеФорматКачество
Ваш собственный сайтWebP80
Объявление на маркетплейсеJPG, если WebP не указан85
Государственная или экзаменационная анкетаJPGнасколько позволяет лимит
Логотип с прозрачностью на сайтеWebP100

Инструменты для этого