WebP, это великое неизвестное

Примечание (2026): Эта статья отражает ситуацию на момент написания. Сегодня WebP работает во всех современных браузерах, поэтому большинству сайтов эти решения больше не нужны.

Введение

#

WebP — это новый формат изображений, который обеспечивает сжатие изображений с потерями и без потерь:

• Lossless WebP-изображения занимают на 26% меньше места, чем PNG.
• Изображения с потерями WebP стоят на 25–34% дешевле, чем JPEG с эквивалентным индексом SSIM.
• Поддерживает прозрачность без потерь (также называемая альфа-каналом) с добавлением всего 22% дополнительных байт.
• Прозрачность также работает при сжатии с потерями и обычно приводит к получению файлов в 3 раза меньше, чем PNG, если потеря допустима на красном, зелёном и синем каналах.

Несмотря на это, WebP сегодня не является широко используемым форматом, вероятно, потому что Internet Explorer и Firefox его не поддерживают. Но у нас есть варианты, которые могут решить это как на клиенте, так и на сервере. Давайте рассмотрим подробнее.

У клиента

#

Если наши вычислительные мощности и объем памяти на сервере ограничены, мы можем оставить этот процесс браузеру с такими библиотеками, как WebPJS.

На сервере

#

Мы также можем выполнять необходимые операции на сервере:

• Apache или NGINX: мы можем использовать PageSpeed, который способен обслуживать страницы с WebP или без него, в зависимости от браузера, который делает запрос.
• C#: ImageProcessor способен выполнять конвертации между форматами на лету. Сам Google также объясняет, как работать с WebP на C#.

Заключение

#

На мой взгляд, этот формат — лучший доступный на сегодняшний день формат изображений, и такие браузеры, как Firefox, должны включать поддержку, поскольку его лицензия бесплатна (BSD). Internet Explorer также должен его включать, хотя, поскольку частная компания несёт ответственность, он свободен ошибок и, хотя должен бы, не обязан подчиняться сообществу.