Responsive Images PRO: начало работы

Responsive Images PRO создаёт оптимизированные копии изображений витрины Shop-Script. Начните с конвертации форматов, проверьте результат на нескольких страницах и затем подключайте дополнительные функции.

Перед установкой

Плагин работает в приложении «Магазин», а не во всех приложениях Webasyst.
Для WebP и AVIF серверу нужна библиотека GD или Imagick с поддержкой соответствующего формата. Уточните это у администратора хостинга: наличие самой библиотеки ещё не подтверждает поддержку обоих форматов.
Для изображений от 1600 × 1200 пикселей рекомендуется memory_limit не менее 96 МБ. Это рекомендация, а не гарантия обработки любого файла.
При использовании Lazy Load рекомендуется установить Responsive Images PRO после него. LQIP требует плагина Lazy Load.

Актуальные требования и редакцию лицензии проверяйте в магазине Webasyst.

Установка и активация

Установите плагин стандартным установщиком Webasyst.
Откройте его настройки и нажмите «Активировать плагин».
Выберите режим работы и включите необходимые функции.
Если магазин использует несколько витрин, проверьте настройки нужной витрины: плагин поддерживает отдельную настройку для каждой.
Проверьте страницы категории и товара на компьютере и телефоне. Оцените чёткость изображения, пропорции и работу галереи.

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

Какие функции включать

Standard включает конвертацию в WebP и AVIF и оптимизацию размера файлов. Premium добавляет srcset, Retina-копии 2x и 3x, alt, размеры width и height, Schema.org ImageObject, IPTC и LQIP.

Подключайте функции по одной: так проще определить, какая настройка влияет на результат. Адаптивные копии полезны для разных размеров экранов; Retina-копии — для экранов с высокой плотностью пикселей. Автоматически созданное описание изображения проверьте на точность и полезность для читателя.

Следующий шаг

Перейдите к проверке обработки и совместимости. Возможности и иллюстрации также доступны на странице продукта.