4. Быстрый старт за 5 минут

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

Перед началом убедитесь, что у вас PHP 8.2–8.5 (Требования).

Шаги

  1. Откройте настройки. Shop-Script → «Плагины» → «Изображения PRO».
  2. Выберите витрину. В верхней серой панели поле «Витрина» стоит на «Все витрины». Это удобно, если у вас одна витрина или одинаковые настройки везде. Если витрин несколько и настройки нужны разные, выберите нужную в списке (см. раздел 7: вариант «Все витрины» при сохранении перезаписывает настройки каждой витрины).
  3. Включите плагин. Вкладка «Настройки» → «Основные настройки» → переключатель «Включить плагин». На новой установке он выключен.
  4. Проверьте «Дополнительные настройки». Обычно подходят значения по умолчанию: «Пропускать изображения шире» 2000 px, «Движок обработки изображений» GD.
  5. Включите современные форматы. Вкладка «Функции» → «Современные форматы изображений» → «Включить конвертацию в современные форматы» → выберите WebP (самый совместимый) или AVIF (сильнее сжимает, но нужна поддержка на сервере).
  6. Включите оптимизацию (по желанию). Там же «Оптимизация изображений» → «Включить оптимизацию изображений». Качество можно не менять.
  7. Режим обработки. Вкладка «Настройки» → блок «Производительность» → «Режим обработки». Для быстрого старта подходит то, что выбрано: на новой установке — Smart Hybrid, без cron он работает как «При просмотре» (On-demand). Менять ничего не нужно.
  8. Нажмите «Сохранить» (зелёная кнопка внизу страницы). Если сервер не поддерживает выбранный формат, плагин сообщит об этом и не сохранит настройку.
  9. Откройте страницу витрины в браузере (лучше в окне без входа в администрирование) и обновите её 2–3 раза с паузой в несколько секунд. Картинки обрабатываются порциями: посетитель за один просмотр получает не все копии.
  10. Проверьте результат.
    • Откройте страницу, нажмите F12 (инструменты разработчика) и найдите в коде страницы responsiveimages или .webp.
    • Либо откройте вкладку «Диагностика» → «Почему изображение не обработано?», вставьте адрес страницы и нажмите «Проверить страницу».

Если картинки не подменяются, смотрите Решение проблем.

Что дальше

Просмотр изображения
Оригинал