Что такое WebP? Объяснение современного формата и его значения

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

Как появился WebP

Google анонсировал WebP 30 сентября 2010 года, позиционируя его как современную замену JPEG для веба. Формат родился из видеокодека: Google приобрёл компанию On2 Technologies, разработавшую видеоформат VP8. Инженеры Google поняли, что техники сжатия VP8 — предназначенные для уменьшения видеокадров — могут создавать удивительно компактные неподвижные изображения.

Первые годы были непростыми. Google добавил поддержку WebP в Chrome практически сразу, но другие производители браузеров скептически относились к формату. Mozilla публично сомневалась, оправдывает ли выигрыш в качестве внедрение ещё одного формата. Apple полностью его игнорировала.

Переломный момент наступал постепенно:

• 2012 — Chrome расширил WebP поддержкой режима без потерь и альфа-канала
• 2014 — WebP продолжил распространяться в браузерах Chromium и Android
• 2019 — Firefox 65 добавил WebP
• 2020 — Safari добавил поддержку в поколении iOS 14 и macOS Big Sur
• Сегодня — текущие основные браузеры поддерживают WebP; старые версии и другие получатели требуют проверки

Поддержка Safari закрыла большой пробел, но «поддержка браузера» — не вся цепочка. Встроенные webview, почтовые клиенты, роботы, редакторы, нативные приложения и долго используемые устройства могут идти по другому графику.

Как работает сжатие WebP

WebP предлагает два режима сжатия, каждый подходит для разных типов изображений:

Режим с потерями (для фотографий)

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

Сравнительное исследование Google сообщило, что в его наборе WebP с потерями был на 25–34% меньше сопоставимого JPEG при равном SSIM. Это контекст, а не прогноз для файла: история исходника, версии кодировщика, настройки, метаданные и метрика меняют результат.

Режим без потерь (для графики)

WebP без потерь применяет пространственное предсказание, преобразования цвета, палитры и энтропийное кодирование. Декодирование восстанавливает закодированные пиксели, а метаданные, профили и полностью прозрачные значения RGB остаются отдельными вопросами процесса.

В опубликованном наборе Google WebP без потерь был в среднем примерно на 26% меньше PNG. Отдельный файл может уменьшиться слабее или вырасти. Режим без потерь восстанавливает пиксели, но метаданные и прозрачный RGB могут зависеть от настроек кодировщика.

WebP vs JPEG vs PNG: бок о бок

WebP объединяет возможности JPEG, PNG и анимированных форматов, но не гарантированно меньше или совместимее в каждом процессе. Google документирует максимум общей области WebP 16383 × 16383 пикселей, что реально ограничивает очень большие изображения.

Почему современные сайты используют WebP

Передача и декодирование могут влиять на удобство и Core Web Vitals, когда изображения — узкое место. Меньший WebP снижает передачу, но одна конвертация не гарантирует меньший файл, быстрый LCP или изменение позиции. Измеряйте страницу и оставляйте подходящий резерв.

HTTP Archive показывает текущее использование форматов в своём наборе. Многие системы, библиотеки и CDN принимают или создают WebP, но функции и тарифы меняются. Проверьте, правильно ли ваш конвейер сохраняет анимацию, альфа-канал, профили, метаданные и варианты кэша.

Владельцам сайтов и разработчикам конвертировать просто. В Vizua можно в браузере преобразовать JPG в WebP или PNG в WebP без установки программы и отправки выбранного содержимого Vizua.

Когда WebP не подходит

WebP отлично подходит для веба, но не идеален для каждого сценария:

• Архивное хранение — используйте формат, политику метаданных, контроль целостности и резервирование вашего архива, а не считайте веб-формат архивным.
• Печать — заранее узнайте у типографии принимаемые форматы, профили, разрешение и требования к пробе.
• Почтовые вложения — JPEG или PNG могут лучше работать со старыми клиентами и программами; проверяйте реального получателя.
• Изображения больше 16383 пикселей по любой стороне — общий предел WebP составляет 16383 x 16383. Используйте формат для больших полотен, тайлы или пирамиду.

WebP — сильный кандидат для веб-доставки, а не автоматическая замена оригинала. Храните подходящий источник и создавайте варианты для веба, печати, почты или архива согласно требованиям назначения.

Нужно в обратную сторону? Vizua также конвертирует WebP в JPG и сжимает WebP для файлов, которые уже в этом формате.

WebP и будущее: AVIF на горизонте

AVIF — более новый формат на базе кодирования AV1, который может превзойти WebP в некоторых тестах и производственных сравнениях. Разница зависит от содержания, кодировщиков, настроек и оценки качества. Текущие браузеры поддерживают его шире, старые клиенты и другие программы различаются.

AVIF не делает WebP устаревшим. Различаются стоимость кодирования, декодирование, функции, инструменты и совместимость. Набор <picture> может предложить AVIF, WebP и JPEG, но правильный порядок не гарантирует минимум, если каждый вариант не был хорошо создан и проверен.

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

Часто задаваемые вопросы