WebP: современный формат для быстрого сайта
WebP — формат изображений, разработанный Google в 2010 году. Главное преимущество: изображения на 25–35% меньше JPEG и PNG при аналогичном или лучшем визуальном качестве. Меньший размер = быстрее загрузка = лучше Core Web Vitals = выше позиции.
Сравнение WebP с другими форматами
- WebP vs JPEG: WebP на 25–34% меньше при том же качестве. Для фотографий.
- WebP vs PNG: WebP lossless на 26% меньше PNG. Поддерживает прозрачность.
- WebP vs GIF: анимированный WebP на 64% меньше GIF.
Поддержка браузеров
По состоянию на 2024 год WebP поддерживают все основные браузеры: Chrome, Firefox, Safari (с версии 14), Edge, Opera. Охват — более 97% пользователей. Проблемы со старыми браузерами — уже в прошлом.
Как перейти на WebP
- Автоматически через CMS: WordPress — плагины Smush, ShortPixel, WebP Express.
- Серверная конвертация: nginx с модулем ngx_pagespeed или cwebp утилита.
- Во фреймворках: Next.js автоматически генерирует WebP через компонент Image.
- CDN: Cloudflare, Cloudinary конвертируют на лету.
Резервный вариант
Используйте тег picture с source для WebP и img для JPEG как fallback: браузер выберет первый поддерживаемый формат.