23 июля 2026

Оптимизация изображений в WebP — кейс bobers.ru

Меньше вес — быстрее сайт

Картинки — обычно самая тяжёлая часть страницы. Пока они не оптимизированы, сайт теряет в скорости загрузки, мобильном PageSpeed, краулинговом бюджете и, как следствие, в конверсии.

Разберём на примере bobers.ru, как перевести изображения в формат WebP и ускорить сайт на 60–90% по весу картинок — без потери качества и без риска для действующего проекта.

−406 МБ

вес превью phpThumb на сайте

−93%

вес мобильной страницы (лучший результат)

100%

покрытие + автоподхват новых загрузок

Скорость загрузки

Каждый лишний мегабайт — это секунды ожидания, особенно на мобильном интернете. Пользователь не ждёт — уходит.

Мобильный PageSpeed

Google оценивает мобильную версию отдельно и строже. Тяжёлые изображения — одна из главных причин низкого балла.

Краулинговый бюджет

Поисковый бот тратит лимит на загрузку тяжёлых файлов вместо обхода новых и важных страниц сайта.

Конверсия

Скорость страницы напрямую влияет на поведенческие метрики и итоговую конверсию в заявку или покупку.

Что делали

Полный бэкап перед правками

Прежде чем менять хоть один файл — снят полный бэкап. Любое действие можно откатить в исходное состояние.

Пакетная конвертация в WebP

Imagick, качество q80, с сохранением альфа-канала (прозрачность PNG не теряется). Оригиналы не изменяются и не удаляются.

Безопасная отдача через <picture> + фолбэк

WebP отдаётся через тег <picture> с фолбэком на оригинал для старых браузеров. Правка обратима одним переключателем.

Покрытие всех классов изображений

Статика сайта, фотографии кейсов (works/), retina-галереи (srcset 1x/2x), превью «на лету» (phpThumb) — ни один тип картинок не пропущен.

Автоматизация на будущее

Новые загрузки автоматически получают WebP-версию — оптимизация не требует ручной работы после внедрения.

Охват был не выборочным: под конвертацию попали статичные картинки сайта, фотографии всех проектов портфолио (включая retina-варианты 1x/2x) и превью, которые сервер генерирует на лету при каждом показе карточки.

Масштаб работ

~3 100

оригиналов сайта

972 статичных изображения + 2 097 фото кейсов из 369 проектов портфолио.

до 9 771

превью phpThumb

Столько превью «на лету» (генерируемых сервером по запросу) получили покрытие WebP.

100%

покрытие + автоподхват

Все классы изображений закрыты, новые загрузки получают WebP автоматически.

Результаты · вес страниц

Вес хранилища изображений сократился по обоим хранилищам, а на мобильных страницах экономия по картинкам достигает 93%. Полные цифры — в таблицах ниже.

Хранилище	До	После	Изменение
Статичные изображения сайта	283,9 МБ	74,5 МБ	−73,8%
Превью phpThumb (кэш «на лету»)	679 МБ	273 МБ	−60%

Статичные изображения сайта−73,8%

До: 283,9 МБПосле: 74,5 МБ

Превью phpThumb−60%

До: 679 МБПосле: 273 МБ

Итого по двум хранилищам: −615 МБ (209 + 406) при полностью обратимой замене.

Страница	До	После	Изменение
Главная страница	3,39 МБ	1,14 МБ	−66%
/o-nas	5,42 МБ	0,38 МБ	−93%
/portfolio	21,08 МБ	4,40 МБ	−79%
/uslugi	0,472 МБ	0,061 МБ	−87%

Главная страница−66%

До: 3,39 МБПосле: 1,14 МБ

/o-nas−93%

До: 5,42 МБПосле: 0,38 МБ

/portfolio−79%

До: 21,08 МБПосле: 4,40 МБ

/uslugi−87%

До: 0,472 МБПосле: 0,061 МБ

Результаты · Google PageSpeed

Desktop-балл вырос на всех без исключения проверенных страницах. Mobile-балл вырос на большинстве страниц; на самой тяжёлой по DOM странице (/portfolio) — минус 2 балла, что находится в пределах обычной погрешности измерения PageSpeed.

Страница	Mobile: до → после	Δ Mobile	Desktop: до → после	Δ Desktop
Главная	70 → 79	+9	90 → 96	+6
/portfolio/sv-life-ru	64 → 66	+2	93 → 95	+2
/portfolio/smirnov-haus	67 → 72	+5	88 → 91	+3
/portfolio	77 → 75	−2	93 → 96	+3

79было 70

PageSpeed Mobile · Главная

96было 90

PageSpeed Desktop · Главная

Почему это безопасно: оригиналы не тронуты — ни один исходный файл не удалён и не перезаписан; изменение обратимо в любой момент одним переключателем; для старых браузеров без поддержки WebP автоматически отдаётся оригинал; все страницы после внедрения отвечают 200, вёрстка и раскладка сайта остались целыми.

✓

Оригиналы не тронуты

Ни один исходный файл не удалён и не перезаписан. WebP-версии — отдельные файлы рядом с оригиналами.

✓

Обратимо в любой момент

Отдача WebP включается и выключается одним переключателем — без правок вёрстки и без потери данных.

✓

Фолбэк для старых браузеров

Если браузер не поддерживает WebP, автоматически отдаётся оригинальное изображение — разрывов показа нет.

✓

Ничего не сломалось

Все страницы отвечают 200, вёрстка и раскладка сайта остались целыми — проверено после внедрения.

Что получает клиент

−60…−90% веса изображений без визуальной потери качества;
рост PageSpeed, особенно на мобильном — там, где сайт сильнее всего теряет пользователей на медленном соединении;
лучше поведенческие метрики и SEO — быстрее загрузка, меньше отказов, больше страниц за визит, ровнее краулинг;
автоматизацию будущих загрузок — новые изображения получают WebP-версию сами;
полный лог и обратимость каждого шага.

Хотите такой же результат для своего сайта? Проведём аудит веса изображений, покажем прогноз экономии и сроки — без риска для действующего сайта.