Почему WebP обычно правильный ответ
Один формат делает то, для чего раньше нужны были три:
| Вместо | WebP даёт | | --- | --- | | JPEG | На 25–35% меньше при том же визуальном качестве | | PNG | Режим без потерь, на 20–30% меньше, прозрачность сохраняется | | Анимированный GIF | В разы меньше и намного больше цветов |
Выбор редко бывает спорным. JPEG держится за счёт совместимости за пределами браузера, а не за счёт качества на байт.
С потерями или без
В WebP есть оба режима, и правильный определяется содержимым, а не предпочтением:
- Фотографии — с потерями, качество 75–85. Ниже 60 артефакты по краям становятся видны.
- Скриншоты, логотипы, схемы, всё с текстом — без потерь. WebP с потерями размазывает края букв ровно так же, как JPEG.
Обратное преобразование
WebP в JPEG или PNG здесь тоже работает, и для этого есть две честные причины: инструмент в вашем конвейере, который не принимает WebP, и получатель, который не может его открыть. Качество от этого не улучшается: WebP, переведённый в JPEG, несёт артефакты WebP плюс новые, — поэтому конвертируйте из оригинала, если он ещё есть.
Куда уходят файлы
Никуда. И декодирование, и кодирование происходят в этой вкладке через собственные графические API браузера — поэтому инструмент работает с выключенной сетью, и поэтому папку с фотографиями клиента можно прогнать через него не задумываясь.
Вопросы
Насколько WebP меньше JPEG?+
Обычно на 25–35% при сопоставимом визуальном качестве, а для картинок с ровными заливками и резкими краями — больше. Таблица по файлам показывает настоящую цифру для ваших изображений, а не обещание: содержимое различается достаточно, чтобы любое одно число было догадкой.
WebP уже везде поддерживается?+
Да, во всех браузерах, вышедших за последние несколько лет. Неудобные случаи — за пределами браузера: часть старых настольных программ, несколько почтовых клиентов и отдельные CMS его до сих пор не принимают. Держите запасной JPEG только там, где точно знаете о таком звене.
Поддерживает ли WebP прозрачность и анимацию?+
И то и другое. Именно поэтому он полноценно заменяет не только JPEG, но и PNG с GIF — один формат вместо трёх, причём анимация обычно в разы легче GIF.
Стоит ли переводить PNG в WebP?+
Почти всегда, и выигрыш часто больше, чем у JPEG. Скриншот или логотип в WebP без потерь обычно на 20–30% меньше того же PNG при попиксельно одинаковом результате.