Да, используйте WebP. В 2026 году это и есть весь ответ для изображений на сайте под вашим контролем: каждый браузер рендерит WebP уже много лет, файлы на 25–35 % меньше JPG или PNG, которые они заменяют, и в опыте посетителей не меняется ничего, кроме более быстрой загрузки страниц. Интересны вопросы операционные: какие изображения стоит конвертировать, как отдавать WebP ничего не сломав и где PNG и JPG по-прежнему на месте. Именно это и разбирает гид.
Что стоит конвертировать, а что не трогать
Не каждое изображение заслуживает усилий. Дерево решений короткое:
Сначала конвертируйте крупное. Хиро-изображения, фото товаров, иллюстрации к статьям — всё, что измеряется сотнями килобайт. JPG на 450 КБ, ставший WebP на 300 КБ, — настоящий выигрыш, умноженный на каждого посетителя при каждой загрузке. Сетки товаров и галереи — место, где эффект накапливается.
Конвертируйте увесистую PNG-графику. Скриншоты, диаграммы и прозрачные UI-картинки, загруженные как PNG, драматически ужимаются в lossy WebP, и даже lossless WebP обыгрывает PNG примерно на четверть. Техническое «почему» — в статье WebP против PNG.
Мелкие файлы не трогайте. Иконка на 4 КБ — погрешность округления. Её конвертация ничего ощутимого не сэкономит и стоит шага в пайплайне. Правило такое: если файл уже настолько мал, что вы о нём не думали, продолжайте не думать.
Путь миграции
- Проведите инвентаризацию изображений на страницах, которые важны, — главная, топовые лендинги, шаблоны товаров. Ваша аналитика знает, какие это.
- Пакетно сконвертируйте PNG- и JPG-ассеты. Перетащите папки в PNG в WebP или JPG в WebP; оба работают локально в вашем браузере, берут целые папки и отдают ZIP. Ничего не покидает вашу машину — важно, когда ассеты это клиентская работа.
- Сохраните оригиналы. WebP в обычном режиме с потерями. Ваши мастера в PNG/JPG остаются источником истины для любого будущего перекодирования.
- Замените ссылки в шаблонах и загрузите заново. Имена файлов конвертер сохраняет, кроме расширения, так что поиск-замена
.png→.webpв шаблонах покрывает бóльшую часть.
Если ваш сайт на CMS
Проверьте, прежде чем конвертировать что-то вручную. Современный WordPress принимает загрузку WebP и генерирует подразмеры как для любой картинки, а многие управляемые хостинги и CDN умеют конвертировать в WebP автоматически на edge — тогда миграция это страница настроек, а не операция с файлами. Ручная конвертация остаётся правильным путём для статических сайтов, ручных шаблонов и любой CMS, чей медиапайплайн старше формата.
Раздача с фолбэком
Элемент <picture> позволяет современным браузерам взять WebP, а всему древнему — провалиться к оригиналу:
<picture>
<source type="image/webp" srcset="/img/hero.webp" />
<img src="/img/hero.jpg" alt="Hero image" width="1600" height="900" />
</picture>
Браузеры выбирают первый source, который понимают; всё остальное читает <img>, как будто ничего не произошло. В 2026 году это перестраховка — браузерная поддержка WebP универсальна уже много лет, — но она стоит одну строку и снимает вопрос целиком. Альтернатива, серверное согласование контента по заголовку Accept, даёт тот же результат на уровне URL; она мощна, но переносит сложность в конфиг сервера — сделка, от которой большинству маленьких сайтов стоит отказаться.
Что оставить в PNG или JPG
Три категории остаются в старых форматах даже на полностью WebP-сайте:
Файлы, которые посетители скачивают. Ссылка «скачать пресс-кит» должна отдавать PNG или JPG, потому что получатель может открыть его чем угодно. Дыра в поддержке за пределами браузеров реальна — та самая, что мы картировали в WebP против JPG.
Картинки Open Graph и email. og:image и ассеты рассылок запрашивают краулеры, чаты и почтовые клиенты с графическими стеками куда старше браузерных. Отдавайте их как JPG или PNG — или примите, что часть превью тихо сломается.
Ваши мастер-файлы. Всегда. WebP — транспортный контейнер, не архив.
Большую карту того, где место каждого формата, даёт гид по веб-форматам изображений.
После перехода
Прогоните топовые страницы через тест скорости до и после. Улучшение проявится ровно там, где должно: largest contentful paint, общий вес страницы и мобильный опыт, где байты болят сильнее всего. Если страница едва шевельнулась, её картинки и так были малы — значит, дерево решений выше сделало свою работу и велело их пропустить. Сохраните цифры «до и после» — это аргумент для миграции остального сайта.
Сама конвертация — быстрая часть проекта. Папка фотографий товаров через PNG в WebP занимает меньше минуты; правки шаблонов длятся дольше. Начните с самой тяжёлой страницы — и пусть waterfall-диаграмма поспорит с любым, кто до сих пор считает это необязательным.