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 близок к без потерь и точно сохраняет альфа-канал.
Практичные значения по умолчанию
| Назначение | Формат | Качество |
|---|---|---|
| Ваш собственный сайт | WebP | 80 |
| Объявление на маркетплейсе | JPG, если WebP не указан | 85 |
| Государственная или экзаменационная анкета | JPG | насколько позволяет лимит |
| Логотип с прозрачностью на сайте | WebP | 100 |