Стоит ли использовать WebP в 2026 году?

Да, WebP все еще стоит использовать в 2026 году, и он остается самым безопасным выбором по умолчанию для изображений на сайте. Поддержка браузерами стала повсеместной, файлы на 25–35 % меньше, чем JPEG при аналогичном качестве, а формат AVIF (AV1 Image File Format) так и не вытеснил его.

Раньше главным аргументом против WebP была поддержка браузерами, но этот спор уже в прошлом. Chrome, Firefox, Safari и Edge отлично работают с этим форматом как на компьютерах, так и на мобильных устройствах. Теперь главный вопрос заключается в том, не сделал ли AVIF формат WebP устаревшим. Ответ: пока нет, и, скорее всего, не сделает полностью.

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

WebP обычно экономит от 25 до 35 % объема по сравнению с JPEG и от 20 до 30 % по сравнению с PNG при одинаковом визуальном качестве. Наибольшая экономия достигается на фотографиях с плавными переходами цветов и на графике с однотонными заливками.

Последняя строка показывает единственный случай, когда WebP проигрывает. При размере файла менее 5 KB служебные данные формата перевешивают выгоду от сжатия. Именно поэтому маленькие иконки часто лучше оставлять в формате PNG или заменять векторной графикой.

WebP против AVIF

AVIF сжимает крупные фотографии примерно на 20–30 % сильнее, чем WebP, но кодируется гораздо медленнее и часто оказывается больше по размеру при объеме файла менее 10 KB. Эти два формата скорее дополняют друг друга на разных типах изображений, чем заменяют.

AVIF содержит больше служебных данных контейнера, поэтому он безоговорочно выигрывает на больших фотографиях и проигрывает на мелкой графике. Время кодирования — еще один важный фактор, так как создание AVIF может занимать в несколько раз больше времени на одно изображение. На пакете из 500 файлов эта разница измеряется минутами, а не секундами, что критично при регулярной конвертации медиабиблиотеки.

Какой формат и где использовать

• Главные баннеры и крупные фотографии. AVIF, где преимущество сжатия наиболее заметно.
• Обычные изображения на сайте. WebP, который быстро кодируется и поддерживается абсолютно всеми браузерами.
• Логотипы и графика с прозрачностью. WebP, который значительно превосходит PNG по размеру файлов.
• Иконки размером менее 5 KB. PNG или векторная графика, так как оба современных формата добавляют лишний объем.
• Файлы для скачивания или отправки по почте. JPEG или PNG, поскольку поддержка WebP за пределами браузеров все еще ограничена.

Что умеет WebP из того, что не может JPEG

WebP поддерживает прозрачность и сжатие с потерями одновременно, чего не могут предложить ни JPEG, ни PNG. Это сочетание действительно полезно, хотя о нем часто забывают.

Раньше при публикации фотографии товара с прозрачным фоном приходилось выбирать между тяжелым файлом PNG и JPEG с белой подложкой. WebP решает эту проблему. Формат также поддерживает анимацию, что делает его прямой заменой анимированным GIF при многократно меньшем размере файла.

Где WebP все еще создает проблемы

WebP может не работать за пределами браузеров: в почтовых клиентах, формах загрузки на сайтах, при подготовке к печати и в старых графических редакторах. Поддержка в браузерах решила проблемы в вебе, но оставила все остальное без изменений.

Самый частый сбой происходит с пресс-китами, когда журналист скачивает логотип в формате WebP и не может вставить его в программу верстки. Вторая проблема — государственные порталы, которые часто вообще не принимают этот формат. Ориентируйтесь на конечную цель использования файла, а не на таблицы совместимости браузеров, ведь в вебе этот вопрос был решен много лет назад, а в других сферах — нет.

Как перевести сайт на WebP

Чтобы перевести сайт на WebP без ошибок, выполните следующие 6 шагов.

1. Составьте список изображений, которые действительно используются на ваших страницах, так как в библиотеках часто копятся файлы, на которые никто не ссылается.
2. Перед конвертацией измените размер каждого изображения до его реальной ширины отображения (умноженной на два для экранов высокой четкости).
3. Конвертируйте в WebP с качеством 80 — это оптимальная точка, когда файл уже мал, а потери качества незаметны.
4. Сохраните исходные файлы JPEG или PNG в качестве резервной копии, не удаляйте их.
5. Выводите изображения через элемент picture, указав WebP первым, а исходный формат — в теге img.
6. Проверьте отображение страниц на мобильном телефоне и компьютере, прежде чем удалять что-либо.

Большинство современных систем управления контентом генерируют такую разметку автоматически при загрузке, поэтому сначала проверьте возможности вашей платформы, прежде чем писать код вручную. Конвертация изображений занимает минуты, тогда как переписывание шаблонов требует гораздо больше времени.

Какую настройку качества использовать

Качество 80 — отличный выбор по умолчанию для WebP, так как этот формат сохраняет детали лучше, чем JPEG при том же значении. Файл WebP с качеством 80 выглядит сравнимо с JPEG с качеством 85 или выше.

При значении ниже 70 потери качества становятся заметны на лицах и плавных градиентах, особенно на больших изображениях. При значении выше 90 размер файла резко увеличивается, а видимое улучшение прекращается. Протестируйте одно типичное изображение с 3 разными настройками перед обработкой всей партии, так как оптимальное значение зависит от типа публикуемых вами изображений.

Помогает ли WebP позициям в поиске

WebP помогает косвенно, улучшая скорость загрузки страниц (что является фактором ранжирования), а не потому, что поисковые системы предпочитают сам формат. Ни один поисковик не начисляет бонусы просто за расширение файла.

Связь работает через показатели Core Web Vitals, где метрика Largest Contentful Paint (отрисовка самого крупного контента) обычно зависит от одного главного баннера. Уменьшение этого изображения на треть напрямую улучшает показатель. Инструмент Lighthouse также выдает предупреждение «Используйте современные форматы изображений», которое закрывается переходом на WebP или AVIF, и это одна из самых простых рекомендаций для оптимизации.

Стоит ли конвертировать существующую библиотеку

Конвертируйте, если изображения составляют большую часть веса ваших страниц, что характерно почти для любого контентного сайта или интернет-магазина. Пропустите этот шаг, если ваши страницы и так легкие, а картинок мало и они небольшие.

Проверьте перед принятием решения. Откройте инструменты разработчика в браузере, перейдите на вкладку Network, отфильтруйте по изображениям и перезагрузите типичную страницу. Если общий объем картинок превышает 1 MB, конвертация даст заметный результат. Если они весят в сумме 200 KB, усилия лучше направить на другие аспекты оптимизации страницы.

Сжатие с потерями и без потерь — это разные режимы

WebP имеет 2 отдельных режима сжатия, и выбор неправильного может сделать файл больше оригинала. Режим с потерями (lossy) подходит для фотографий, а режим без потерь (lossless) — для скриншотов, логотипов и плоской графики.

Большинство инструментов выбирают режим на основе настройки качества, применяя lossless при качестве 100 и lossy при любых значениях ниже. Этот выбор по умолчанию хорош для фотографий, но не подходит для графики: при сжатии скриншота с потерями вокруг текста в WebP появляются ореолы, а сам файл весит больше версии без потерь. Всегда проверяйте, какой режим использовал ваш инструмент, если сконвертированная графика оказалась больше исходного PNG.

Частые ошибки при переходе на WebP

• Конвертация без предварительного изменения размера. Физическое разрешение сильнее всего влияет на размер файла, поэтому WebP шириной 4000 пикселей все равно будет слишком тяжелым.
• Удаление оригиналов. Сохраняйте их, так как для резервных копий и будущего повторного экспорта всегда нужен источник без потерь.
• Конвертация уже сжатого JPEG. Результат будет содержать двойные артефакты сжатия вместо одинарных.
• Использование WebP для скачиваемых файлов. Пресс-киты, шаблоны и файлы для печати должны оставаться в форматах JPEG или PNG.
• Конвертация крошечных иконок. При размере менее 5 KB служебные данные формата делают файлы больше, а не меньше.

Конвертация всей библиотеки за один раз

Конвертируйте напрямую из исходного формата, а не через промежуточные, так как каждый шаг сжатия с потерями ухудшает детализацию. Переход по цепочке HEIC -> JPEG -> WebP дает двойную потерю качества там, где хватило бы одной.

Загрузите до 500 файлов за раз или просто перетащите ZIP-архив, и все поддерживаемые изображения будут сконвертированы за один проход. Процесс выполняется прямо в вашем браузере на вашем процессоре, поэтому миграция всего сайта происходит без отправки файлов на сторонний сервер. Для агентств, работающих с конфиденциальными библиотеками клиентов по контракту, это полностью снимает вопросы безопасности данных.