WebP

Автор

Что такое WebP?

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

Как это работает?

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

Метрики и стандарты

WebP сокращает размер фотографий в среднем на 26–34% относительно JPEG, а изображений с прозрачностью — на 60–80% по сравнению с PNG (Google, 2026). Конвертация всей медиатеки типового интернет-магазина уменьшает общий вес страниц каталога на 18–25%, что напрямую снижает Largest Contentful Paint на 0,4–0,9 секунды и повышает долю прохождения Core Web Vitals на мобильных устройствах на 12–18%. Согласно Can I Use, поддержка WebP браузерами в 2026 году составляет 97,3%, что делает формат стандартом де-факто для веб-доставки изображений.

Почему это важно для бизнеса?

Каждая секунда задержки загрузки снижает конверсию интернет-магазина на 7–8%. Переход на WebP сокращает время полной отрисовки товарных сеток без ухудшения визуального качества карточек, удерживая пользователей и улучшая ранжирование в поиске. Одновременно снижение объёма передаваемых данных уменьшает нагрузку на хостинг, сокращая расходы на трафик CDN и серверные ресурсы. Для визуально насыщенных ниш (недвижимость, мода, фотостоки) формат становится фундаментальным условием конкурентоспособной скорости.

Пример применения

Сайт бронирования отелей выводил по 40 превью номеров на странице, все в JPEG высокого разрешения. При среднем времени загрузки 5,1 с показатель отказов достигал 48%. После пакетной конвертации всех изображений в WebP через WP-Optimize и настройки отдачи WebP для поддерживаемых браузеров общий вес страницы списка отелей снизился на 32%. Время загрузки на мобильных упало до 2,6 с, отказы снизились до 32%, а конверсия в клик по номеру выросла на 1,9 процентных пункта.

Как это реализуется в WordPress?

С версии 5.8 WordPress нативно поддерживает загрузку WebP в медиабиблиотеку без плагинов, но не конвертирует существующие JPEG/PNG автоматически. Для массовой конвертации и автоматической подмены форматов в тегах <picture> применяются плагины: WP—Optimize, WebP Express, Imagify, ShortPixel. Они преобразуют файлы на лету или в фоне и добавляют правила в .htaccess (Apache) или конфигурацию Nginx для отдачи .webp версий совместимым браузерам. Альтернативно, серверный подход через Image CDN (Cloudflare Polish, Bunny Optimizer) конвертирует изображения на edge-серверах без нагрузки на origin. Во всех случаях необходимо исключать дублирование форматов через проверку заголовка Accept и кэшировать конвертированные файлы.

Связанные понятия

AVIF — формат сжатия следующего поколения, обеспечивающий ещё на 20–30% больший выигрыш по сравнению с WebP, но с более высокой стоимостью кодирования.
Largest Contentful Paint (LCP) — ключевая метрика Core Web Vitals, напрямую зависящая от размера и скорости загрузки самого тяжёлого элемента в видимой области.
Сжатие с потерями — метод, удаляющий незаметные глазу детали для радикального уменьшения размера файла.
Content Delivery Network (CDN) — географически распределённая сеть, которая в сочетании с Image CDN автоматически конвертирует и кэширует изображения в WebP.
Тег<picture> — HTML-элемент, с помощью которого WordPress-плагины отдают WebP поддерживающим браузерам и fallback в JPEG для устаревших.
Image CDN — сервис динамической конвертации изображений на edge-узлах (Cloudflare Polish, Bunny Optimizer), не требующий хранения дубликатов на origin-сервере.