Оптимизация фото и WebP для OpenCart: ускорение сайта в OcBox Image Pro

[OcBox]

OcBox Image Pro это модуль оптимизации изображений для OpenCart и ocStore: конвертация в WebP, сжатие через ImageMagick, автоматический водяной знак на карточках товаров, ускорение загрузки страниц и правильные размеры под сетку категории. Заменяет исходные фото 3 мегабайта, из-за которых сайт грузится 8 секунд, на 200 килобайт с той же визуальной чёткостью.

Что делает модуль

Все изображения товаров, категорий, баннеров пропускаются через ImageMagick или GD с настраиваемым уровнем сжатия и параллельно конвертируются в формат WebP, который весит на 30 до 50 процентов меньше JPEG при той же чёткости. В HTML отдаётся тег picture, где сначала предлагается WebP, а для старых браузеров запасной вариант JPEG. Опционально накладывается водяной знак с логотипом магазина, чтобы фото не воровали. Для лендингов и обложек генерируются оптимальные размеры под ретину и мобильную сетку.

Кому подойдёт

Магазинам с большим количеством фото товаров: одежда, обувь, косметика, мебель, электроника. Особенно магазинам, которые импортируют фото от поставщиков, а те приходят несжатыми на 5 мегабайт каждое. Также магазинам, которые проваливают Google PageSpeed из-за неоптимизированных изображений и теряют позиции в Google из-за Core Web Vitals.

Основные возможности

• Автоматическая конвертация в WebP с fallback на JPEG для старых браузеров
• Сжатие через ImageMagick или GD с настраиваемым качеством
• Водяной знак на изображениях товаров, настройка позиции и прозрачности
• Правильные размеры под ретину, мобильные, каталог, слайдер
• Пакетная обработка всего каталога одной кнопкой
• Автообработка новых загружаемых фото
• Отчёт: сколько сэкономлено места и мегабайт
• Работает с оригиналами, не портит их

Чем лучше стандартного OpenCart

OpenCart делает миниатюры через GD, без сжатия, без WebP, без водяного знака, без ретины. Фотография на 3 мегабайта в карточке остаётся тем же 3 мегабайтами и на превью, только через resize. Image Pro закрывает всё это: и сжатие, и WebP, и водяной, и автоматизацию.

Как это помогает продажам и SEO

Google PageSpeed и Core Web Vitals напрямую влияют на позиции магазина в поисковой выдаче. Оптимизированные картинки ускоряют показатель LCP (Largest Contentful Paint), что даёт прирост в органическом трафике. Плюс более быстрая загрузка страницы уменьшает процент отказа, посетитель не уходит на второй секунде ожидания. Экономия трафика для мобильных пользователей это тоже плюс к конверсии.

FAQ

Как сделать WebP на OpenCart

Через OcBox Image Pro: устанавливается модуль, включается конвертация в WebP, весь каталог обрабатывается одной кнопкой в фоне, дальше новые фото конвертируются автоматически.

Работает ли на ocStore 2.3 и OpenCart 3

Да, есть сборки под обе версии.

Что если на хостинге нет ImageMagick

Модуль умеет работать через встроенный в PHP GD, если ImageMagick недоступен. Качество чуть ниже, но всё равно значительный выигрыш по размеру и скорости.

Можно ли настроить водяной знак только на большие фото

Да, водяной знак настраивается по размеру изображения, позиции, прозрачности, отдельно для карточек, категорий и превью.

Скриншоты и покупка модуля: OcBox Image Pro на opencartforum.