Что такое WebP? Полное руководство по формату Google

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

Краткая история WebP

Google объявила о WebP в блоге Chromium 30 сентября 2010 года. Первая версия предлагала только сжатие с потерями и основывалась на внутрикадровом кодировании видеокодека VP8. В следующие годы формат развивался: в FAQ Google по WebP указано, что сжатие без потерь и прозрачность поддерживаются начиная с Chrome 23, а анимация начиная с Chrome 32. Долгое время WebP описывался только собственной документацией Google; в ноябре 2024 года IETF опубликовал его как RFC 9649, информационный документ, написанный инженерами Google Дж. Зерном, П. Массимино и Ю. Алакуйялой, который также зарегистрировал медиатип image/webp.

Как работает WebP

Контейнер RIFF

Согласно RFC 9649, WebP основан на RIFF (Resource Interchange File Format). Файл начинается с заголовка RIFF и сигнатуры WEBP, а данные изображения хранятся в блоках (chunks). Такая структура позволяет одному формату хранить рядом разные типы сжатия и дополнительные данные.

WebP с потерями (VP8)

WebP с потерями хранит изображение в блоке VP8 с использованием внутрикадрового кодирования VP8. Как и JPEG, он работает блоками, но предсказывает каждый блок по соседним пикселям и кодирует только отличие от этого предсказания; именно такое предиктивное кодирование дает основное преимущество перед JPEG. Согласно FAQ Google, WebP с потерями работает с 8-битными данными и цветовой субдискретизацией 4:2:0 (YUV420), то есть цвет хранится в половинном разрешении, как в распространенной настройке JPEG.

WebP без потерь (VP8L)

Режим без потерь использует совершенно другой битовый поток, VP8L. RFC 9649 описывает его как сочетание LZ77, префиксного кодирования и цветового кэша; вместе с такими преобразованиями, как предсказание одних цветовых каналов по другим, он сжимает лучше, чем PNG. Он работает с 8-битными данными ARGB на канал.

Прозрачность и анимация

WebP без потерь включает альфа-канал напрямую. В WebP с потерями прозрачность хранится в отдельном блоке ALPH, поэтому фотографическая часть может быть сжата с потерями, а края сохраняют полную прозрачность. Анимация использует блоки ANIM и ANMF, которые задают положение каждого кадра, его длительность в миллисекундах, способ наложения и удаления. В отличие от GIF, кадры не ограничены 256 цветами.

Ограничения

В FAQ Google максимальный размер изображения WebP указан как 16383 x 16383 пикселя. WebP не предлагает прогрессивного или чересстрочного отображения в том смысле, как JPEG или PNG. Глубина цвета ограничена 8 битами, поэтому для HDR-изображений он не подходит; здесь выделяется AVIF.

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

По собственным измерениям Google, изображения WebP с потерями на 25-34% меньше сопоставимых изображений JPEG при равном индексе качества SSIM, а изображения WebP без потерь на 26% меньше, чем PNG. На той же странице Google сказано, что WebP без потерь поддерживает прозрачность ценой всего 22% дополнительных байтов. Это средние значения по тестовым наборам Google; ваши собственные изображения могут выиграть больше или меньше.

Реальные данные из веба говорят о том же: по Web Almanac 2024 от HTTP Archive, медианное изображение WebP на мобильных устройствах использует 1,3 бита на пиксель против 2,0 у JPEG и 3,8 у PNG.

Поддержка в браузерах и программах

По данным Can I use, на браузеры с полной поддержкой WebP приходится 97,18% мирового использования (октябрь 2026 года). Полная поддержка начинается с Chrome 32, Firefox 65, Edge 18 и Safari 16, а Safari 14 и 15 поддерживают формат частично. MDN отмечает, что в macOS для отображения WebP нужен Safari версии 14 или новее вместе с macOS Big Sur (11) или более новой системой.

Распространение быстро растет, но до уровня JPEG или PNG пока не дошло. По данным W3Techs за октябрь 2026 года, WebP используется на 22,7% отслеживаемых сайтов. Согласно Web Almanac 2024, 12% изображений на мобильных страницах имеют формат WebP, и с 2022 по 2024 год эта доля выросла примерно на три процентных пункта.

Как отдавать WebP на сайте

Поскольку все современные браузеры показывают WebP, большинству сайтов достаточно использовать изображение напрямую как .webp. Если нужно поддерживать и очень старые браузеры, HTML-элемент <picture> позволяет указать сначала WebP, а после него запасной JPG. Браузер выбирает первый источник, который он понимает:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Descriptive alt text" width="1200" height="800">
</picture>

Некоторые серверы и сети доставки контента отдают по одному и тому же адресу WebP или JPG в зависимости от заголовка Accept, который отправляет браузер. Это удобно, но именно поэтому люди чаще всего получают неожиданный файл WebP, выбрав «Сохранить изображение как».

Частые проблемы

Скачанный WebP не открывается

Многие сайты автоматически отдают изображения в WebP, если браузер его поддерживает. Выбрав «Сохранить изображение как», вы получаете файл .webp, а старые программы просмотра, некоторые офисные программы, фотоателье и формы загрузки, принимающие только JPG или PNG, не могут его открыть. Самое практичное решение - конвертировать файл в JPG или PNG.

Анимированный WebP перестал двигаться после конвертации

JPG и PNG не поддерживают анимацию. При конвертации анимированного WebP в любой из этих форматов остается только один кадр.

Прозрачность пропала

При конвертации прозрачного WebP в JPG прозрачные области заливаются сплошным цветом. Если прозрачность нужно сохранить, конвертируйте в PNG.

Файл WebP получился больше, чем ожидалось

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

Советы по конвертации WebP

• Чтобы WebP открывался где угодно: конвертируйте WebP в JPG для фотографий или WebP в PNG для прозрачных изображений и четкой графики. Из анимированных файлов WebP конвертируется только первый кадр.
• Чтобы уменьшить изображения на сайте: наши конвертеры JPG в WebP и PNG в WebP по умолчанию используют качество 80. Для большинства фотографий это дает заметную экономию размера при потере, которую трудно увидеть.
• Для логотипов и скриншотов отметьте «WebP без потерь». Каждый пиксель сохраняется точно, прозрачность остается, но файл получается больше, чем в режиме с потерями, и может даже превысить исходный.
• Чтобы конвертировать сразу несколько форматов, используйте конвертер изображений: за один раз можно добавить до 50 файлов и скачать результаты одним ZIP-архивом.
• Эти конвертации выполняются в вашем браузере, поэтому файлы никогда не покидают ваше устройство. EXIF и данные о местоположении в результат не записываются.

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

WebP сжимает с потерями или без?

И так, и так. У WebP есть два отдельных режима сжатия: с потерями (VP8) и без потерь (VP8L). Расширение файла одно и то же; какой режим использован, записано в блоке внутри файла.

Открывается ли WebP в Safari и на iPhone?

Да. Актуальные версии Safari полностью поддерживают WebP. По данным Can I use, в Safari 14 и 15 поддержка была частичной, а полная появилась в Safari 16.

Качество WebP лучше, чем у JPG?

Формат сам по себе не бывает «качественнее»; WebP обычно дает лучшее изображение при том же размере файла или меньший файл при том же качестве изображения. В измерениях Google эта разница составляет 25-34% при равном качестве.

Что выбрать: WebP или AVIF?

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

Влияют ли изображения WebP на SEO?

Сам по себе WebP не является фактором ранжирования, но более легкие изображения помогают страницам быстрее загружаться. Важно отдавать изображение нужного размера, с описательным атрибутом alt и быстро.

Можно ли распечатать WebP или отправить его по почте?

Можно, но программа получателя может не открыть WebP, а фотоателье и некоторые корпоративные формы загрузки часто принимают только JPG, PNG или PDF. Если перед отправкой конвертировать фотографии в JPG, а прозрачные изображения в PNG, файл откроется где угодно.

Источники

• RFC 9649: WebP Image Format
• Google for Developers: An image format for the Web
• Google for Developers: WebP Frequently Asked Questions
• Google for Developers: WebP Compression Study
• Блог Chromium: WebP, a new image format for the Web (30 сентября 2010 года)
• Can I use: WebP image format
• MDN: Image file type and format guide
• W3Techs: статистика использования форматов изображений на сайтах
• HTTP Archive Web Almanac 2024: Media