Изображения PRO для Shop-Script

Изображения PRO — это плагин для Shop-Script, обеспечивающий интеллектуальную и современную обработку изображений на витрине. Плагин автоматически создаёт адаптивные версии, WebP, Retina‑изображения, а также генерирует alt-тексты с помощью интеграции с внешними ИИ-сервисами для улучшения SEO и доступности.

Этот плагин относится к серии наших плагинов «SPEED» если вы хотите ускорить свой сайт, обратите внимание на другие плагины этой же серии: Супер кэш, Lazy load.

Функции плагина

• Адаптивные изображения (srcset)
  Создаются изображения под разные размеры экранов, что значительно ускоряет загрузку сайта, особенно на мобильных устройствах.
• Конвертация в современные форматы
  • WebP - оптимальное соотношение качества и совместимости
  • AVIF - максимальное сжатие и передовые технологии
  Требуется GD или Imagick с поддержкой libwebp и/или libavif.
• Оптимизация изображений
  Уменьшает вес изображений без заметной потери качества — страницы загружаются быстрее.
• Retina-версии (2x и 3x)
  Генерируются версии изображений для экранов с высокой плотностью пикселей (например, Retina-устройства).
• Микроразметка Schema.org (ImageObject)
  Улучшает SEO, помогает поисковым системам лучше распознавать изображения в выдаче.
• Соблюдение пропорций изображений
  Автоматическое создание изображений с заданным соотношением сторон (16:9, 4:3, 1:1) — улучшает визуальную подачу в поиске. Подробнее...
• Генерация alt‑текста (AI и шаблоны)
  Автоматическое добавление alt-атрибутов с использованием гибкой системы:
  — на основе шаблонов (имя файла, заголовок страницы, ключевые слова, старый ALT)
  — или через интеграцию с внешними AI-сервисами для генерации описания по содержимому изображения.
  Повышает SEO и улучшает доступность сайта.
• Добавление размеров (width и height)
  Позволяет избежать смещений контента (CLS) и повышает показатель PageSpeed.
• IPTC-метаданные
  Встраиваются в JPEG изображения данные об авторстве, источнике и лицензии. Это помогает защитить авторские права и повысить доверие к сайту.
• LQIP (Low Quality Image Placeholder)
  Генерируются малые копии изображений, которые подгружаются до полной загрузки — сайт визуально стабилен, без скачков. Требуется плагин Lazy Load.

Все функции можно включать и отключать по отдельности.
Например, вы можете использовать плагин только для конвертации в WebP, отключив остальные опции. Это позволяет гибко настраивать работу плагина под конкретные задачи.

Особенности плагина

• Поддержка мультивитринности — можно настроить плагин индивидуально для каждой витрины.
• Без использования тега <picture> — DOM остаётся лёгким, не увеличивается количество узлов.
• Автоопределение поддержки WebP — если браузер поддерживает WebP, подключается WebP-версия изображения, иначе — оригинал.
• Совместимость — работает только в приложении «Магазин» (Shop-Script); не поддерживается в Internet Explorer.
• Фоновая обработка — все процессы происходят через AJAX, без задержек для пользователя.
• Широкая поддержка форматов — PNG, JPEG, GIF, WebP.
• Отложенное создание изображений — генерация запускается при первом посещении страницы пользователем.
• Требования к памяти — при работе с изображениями от 1600×1200 px рекомендуется memory_limit от 96 МБ.
• Поддержка S3-хранилищ (Amazon S3, Yandex Object Storage, MinIO и др.) — при активации не занимает место на сервере, все изображения хранятся в облаке.

Оптимизация под PageSpeed Insights

Как начать работу

Откройте настройки плагина, нажмите «Активировать плагин», выберите режим работы и включите нужные функции. Всё — плагин готов к использованию!
Работает сразу после активации, без необходимости вносить изменения в шаблоны.

Как работает плагин

Плагин использует собственные HTML-фильтры для поиска и обработки изображений, размещённых на страницах сайта. Он работает исключительно с уже загруженными изображениями, создавая их копии — оригинальные файлы остаются неизменными.

При отключении плагина все фильтры автоматически деактивируются, и HTML-разметка возвращается в исходное состояние. Таким образом, использование плагина безопасно — он не может повредить сайт.

Алгоритм работы плагина состоит из двух этапов:

1. Первое посещение страницы — плагин анализирует ширину экрана и, при совпадении с заданными контрольными точками, создаёт необходимые копии изображений.
2. Второе посещение страницы — созданные изображения автоматически подставляются в HTML-разметку сайта.

Совместимость с другими плагинами

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

• Lightbox и подобные галереи — тестирование показало отсутствие конфликтов.
• Полная интеграция с плагинами:
  • Супер кэш
  • Lazy load
• Сторонние LazyLoad-плагины — поддерживаются. Необходимо включить опцию «Интеграция со сторонними LazyLoad» в настройках.

Техническая поддержка

• Email: startwebsite@mail.ru
• Часы работы: 10:00–18:00 (МСК), Пн–Пт, по рабочим дням РФ
• Что входит в поддержку:
  • Помощь в настройке плагина
  • Ответы на технические вопросы
• Обратная связь: всегда открыты к вашим идеям, пожеланиям и предложениям по улучшению плагина