Что такое WebP? Формат, который изменил веб-изображения
WebP — формат изображений от Google, создающий файлы на 25-34% меньше JPEG при эквивалентном визуальном качестве. Он поддерживает сжатие с потерями и без, прозрачность и анимацию — всё в одном формате. На начало 2026 года его поддерживают более 97% веб-браузеров, а около 68% из топ-10 000 сайтов отдают изображения в WebP.
Как появился WebP
Google анонсировал WebP 30 сентября 2010 года, позиционируя его как современную замену JPEG для веба. Формат родился из видеокодека: Google приобрёл компанию On2 Technologies, разработавшую видеоформат VP8. Инженеры Google поняли, что техники сжатия VP8 — предназначенные для уменьшения видеокадров — могут создавать удивительно компактные неподвижные изображения.
Первые годы были непростыми. Google добавил поддержку WebP в Chrome практически сразу, но другие производители браузеров скептически относились к формату. Mozilla публично сомневалась, оправдывает ли выигрыш в качестве внедрение ещё одного формата. Apple полностью его игнорировала.
Переломный момент наступал постепенно:
- 2012 — Chrome добавляет полную поддержку WebP (lossy + lossless)
- 2014 — Opera и Android Browser переходят на WebP
- 2019 — Firefox наконец добавляет поддержку (версия 65, январь 2019)
- 2020 — Apple добавляет поддержку WebP в Safari с iOS 14 и macOS Big Sur
- 2022 — Internet Explorer прекращён; все живые браузеры поддерживают WebP
Именно сопротивление Safari с 2010 по 2020 год было главным препятствием для внедрения WebP. Как только Apple уступила, формат достиг почти универсальной поддержки за два года.
Как работает сжатие WebP
WebP предлагает два режима сжатия, каждый подходит для разных типов изображений:
Режим с потерями (для фотографий)
Lossy WebP использует предиктивное кодирование на основе VP8 — кодировщик анализирует каждый блок пикселей, предсказывает, как он должен выглядеть на основе окружающих блоков, и сохраняет только разницу. Этот метод особенно эффективен для фотографий с плавными градиентами и органическими текстурами.
Результат: lossy-файлы WebP на 25-34% меньше JPEG при эквивалентном визуальном качестве, согласно сравнительному исследованию Google. На практике типичный JPEG весом 500 КБ превращается в WebP размером 330-375 КБ без заметной разницы в качестве.
Режим без потерь (для графики)
Lossless WebP использует другой набор техник: пространственное предсказание пикселей, преобразование цветового пространства, палитровое кодирование и энтропийное кодирование. Результат математически идентичен оригиналу — данные не теряются.
Lossless-файлы WebP примерно на 26% меньше PNG. Для скриншотов, логотипов, элементов интерфейса и любых изображений с чёткими краями и однородными цветами это ощутимая экономия без единого компромисса по качеству.
WebP vs JPEG vs PNG: бок о бок
| Параметр | WebP | JPEG | PNG |
|---|---|---|---|
| Сжатие с потерями | Да (на 25-34% меньше JPEG) | Да | Нет |
| Сжатие без потерь | Да (на 26% меньше PNG) | Нет | Да |
| Прозрачность (альфа) | Да | Нет | Да |
| Анимация | Да | Нет | Нет |
| Поддержка браузерами (2026) | 97%+ | 100% | 100% |
| Макс. разрешение | 16 383 x 16 383 | 65 535 x 65 535 | Неограниченно (практически) |
| Лучшее применение | Веб-изображения (все типы) | Фото, универсальная совместимость | Логотипы, скриншоты, графика |
Практический вывод: WebP умеет всё, что JPEG (лучше), и всё, что PNG (компактнее), плюс анимацию. Единственное ограничение — максимальное разрешение 16 383 x 16 383 пикселей — более чем достаточно для веба, но может быть мало для очень больших печатных файлов.
Почему современные сайты используют WebP
Производительность сайта напрямую влияет на пользовательский опыт и позиции в поиске. Метрики Core Web Vitals от Google поощряют быстро загружающиеся страницы, а изображения обычно самые тяжёлые элементы на любой странице. Переход с JPEG на WebP сокращает объём изображений примерно на треть — это ускоряет Largest Contentful Paint (LCP) и снижает расходы на трафик.
Цифры внедрения подтверждают это. По данным HTTP Archive, 68% из топ-10 000 сайтов уже отдают WebP-изображения. CMS WordPress имеет встроенную конвертацию WebP с версии 5.8. CDN-провайдеры — Cloudflare, Fastly, Akamai — предлагают автоматическую конвертацию в WebP как стандартную функцию.
Для владельцев сайтов и разработчиков конвертация проста. Вы можете конвертировать JPG в WebP или конвертировать PNG в WebP прямо в браузере через Vizua — без загрузки на сервер, без установки программ.
Когда WebP не подходит
WebP отлично подходит для веба, но не идеален для каждого сценария:
- Архивное хранение — TIFF или PNG безопаснее для долгосрочного хранения: они lossless и поддерживаются любым графическим инструментом за всю историю.
- Печать — типографии ожидают TIFF или высококачественный JPEG. Большинство программ для печати не принимают WebP.
- Вложения в электронной почте — JPEG по-прежнему самый безопасный формат для писем, так как многие почтовые клиенты не отображают WebP в теле сообщения.
- Изображения больше 16 383 пикселей — максимальный размер WebP 16 383 x 16 383. Для панорам или сверхвысокого разрешения нужны JPEG или PNG.
Если ваши изображения предназначены для веба, WebP — почти наверняка правильный выбор. Если для печати, электронной почты или архива — используйте традиционные форматы. Вы всегда можете держать WebP-версию для веба и JPEG-версию для всего остального.
Нужно в обратную сторону? Vizua также конвертирует WebP в JPG и сжимает WebP для файлов, которые уже в этом формате.
WebP и будущее: AVIF на горизонте
AVIF — более новый формат на основе видеокодека AV1, обещающий ещё лучшее сжатие, чем WebP — примерно на 20% меньше при эквивалентном качестве. Поддержка AVIF в браузерах быстро растёт: около 95% на начало 2026 года.
Делает ли AVIF формат WebP устаревшим? Пока нет. Кодирование AVIF значительно медленнее, а экосистема инструментов менее зрелая. Актуальная лучшая практика для сайтов, ориентированных на производительность, — отдавать AVIF, когда браузер поддерживает, с WebP в качестве фолбэка и JPEG как финального варианта. Такой прогрессивный подход гарантирует, что каждый посетитель получит наименьший файл, который поддерживает его браузер.
Для большинства владельцев сайтов начать с WebP — практичный шаг. Он быстро кодируется, поддерживается повсеместно и даёт ощутимую экономию по сравнению с JPEG. AVIF стоит внедрять, когда ваш пайплайн и CDN это поддерживают.
Часто задаваемые вопросы
Все ли браузеры поддерживают WebP?
На начало 2026 года браузеры, представляющие более 97% глобального веб-трафика, поддерживают WebP. Среди них Chrome, Firefox, Safari, Edge и Opera. Единственным заметным исключением был Internet Explorer, который Microsoft прекратила в 2022. Для практических целей WebP работает везде.
WebP лучше JPEG?
Для веба — да. Lossy-файлы WebP на 25-34% меньше JPEG при том же визуальном качестве. WebP также поддерживает прозрачность (чего JPEG не умеет) и анимацию. Область, где JPEG по-прежнему выигрывает — универсальная совместимость со старым софтом и оборудованием, появившимся до поддержки WebP.
WebP лучше PNG?
Для веб-доставки — как правило, да. Lossless-файлы WebP примерно на 26% меньше PNG. WebP также поддерживает анимацию, чего PNG не умеет. Однако PNG остаётся более безопасным выбором, когда нужна гарантированная совместимость с любым графическим редактором и операционной системой.
Конвертация в WebP снижает качество?
Зависит от режима. Lossy WebP отбрасывает часть данных для уменьшения размера — аналогично JPEG. Lossless WebP сохраняет каждый пиксель точно. При конвертации JPEG в lossy WebP происходит потеря поколения, так как вы повторно сжимаете уже сжатые данные. Для лучших результатов конвертируйте из оригинального файла-источника.
Почему некоторые сайты всё ещё используют JPEG вместо WebP?
Устаревшие системы, ограничения CMS и инерция рабочих процессов. Многие пайплайны обработки изображений были построены вокруг JPEG десятилетия назад. Миграция тысяч изображений в WebP требует усилий, и экономия — хоть и ощутимая — может не оправдывать затраты для сайтов с ограниченными ресурсами. Новые проекты, однако, всё чаще используют WebP по умолчанию.
Работайте с WebP-изображениями
Конвертируйте, сжимайте и оптимизируйте — бесплатно, приватно, в вашем браузере.