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