db812.ru - качество фото на ocStore
Убрал «мыло» у баннеров и карточек: слайдер без GD-ресайза, размеры темы и резкость
Интернет-магазин стоматологических материалов Dental Base на ocStore 3.0.3.7 (тема CyberStore). Фото после «оптимизации» мылились: виноват был не модуль сжатия, а штатный GD-ресайз в image/cache и слишком мелкие размеры в теме. Слайдер MegaSlider Pro отдает оригинал, для товаров - аккуратный ресайз с лёгкой резкостью и увеличенные размеры в настройках темы.
Задача
На db812.ru изображения после оптимизации выглядели недостаточно чётко: баннеры MegaSlider и фото в карточках товаров «мылились» сильнее исходников. Нужно было найти причину в настройках/модулях ocStore 3.0.3.7, подобрать параметры без заметной потери детализации и дать инструкцию, как дальше загружать фото.
Что сделано
- Разбор админки и кода: отдельного модуля TinyPNG/WebP-сжатия нет, «уровень сжатия» в настройках - это GZIP HTML, не JPEG
- Диагностика: JPEG quality уже 100, мыло даёт GD-ресайз в image/cache (баннер 3840×928 → 1920×464) и мелкие размеры темы (товар 400, popup 700)
- MegaSlider Pro: отдача оригинала баннера без прогона через model_tool_image->resize
- system/library/image.php: лёгкий unsharp после уменьшения для товарных превью, WebP с тем же quality
- Увеличение размеров изображений в теме CyberStore (товар 800, popup 1400, список 500, похожие 400) и очистка image/cache
- Инструкция клиенту: как грузить баннеры в MSPRO desktop/mobile и исходники товаров 1200-1600 px
Подробнее о проекте
Магазин Dental Base
db812.ru - интернет-магазин стоматологических материалов на ocStore 3.0.3.7 и теме CyberStore. Главная крутит акции через MegaSlider Pro, каталог полный фотографий титановых оснований и комплектующих - любое «мыло» на баннере и в карточке сразу бросается в глаза.
Причина была не в «сжатии»
Отдельного модуля автосжатия фото не оказалось. JPEG quality на сервере уже 100. Баннер мылился из-за даунскейла GD в image/cache: оригинал 3840×928 резался до 1920×464. В карточках тему добивали мелкие размеры - большое фото 400×400 и popup 700×700 растягивались CSS и выглядели хуже исходника.
Слайдер и карточки после правок
В MegaSlider Pro убрал ресайз - на витрину уходит оригинал из catalog, браузер масштабирует чётче GD. Для товаров оставил штатный ресайз, но с лёгким unsharp и увеличенными размерами в CyberStore: товар 800, popup 1400, список 500. Карточка снова читается резко, без лишнего зума «в кашу».
Результат
- Баннеры слайдера без GD-мыла, как загруженный оригинал
- Фото в карточке и каталоге заметно чётче за счёт размеров темы
- Есть понятная схема дальнейшей загрузки баннеров и товаров
У вас похожая задача?
Опишите задачу - разберу и скажу, как лучше решить и сколько это займёт.
Алексей - отвечу в течение часа