Изображения WebP и AVIF — лёгкие копии фото каталога для браузеров, которые их показывают
Модуль конвертирует JPEG и PNG магазина в WebP и, если сервер умеет, в AVIF. Отдаётся только файл, который вышел легче исходника; браузер без поддержки формата, письма и печатные счета получают исходник. Способ отдачи выбираете вы: подмена адреса, тег picture или веб-сервер по заголовку Accept.
Три режима отдачи подмена адреса, тег picture или веб-сервер
|
Только легче исходника AVIF остаётся, если он легче WebP
|
Весь каталог страница конвертации с паузой и доводкой по расписанию
|
CS-Cart 4.13.2+ и Multi-Vendor; GD, Imagick или ShortPixel
|
Какую задачу решает
Фотографии каталога дают заметную часть веса страницы, и перевод в WebP или AVIF его уменьшает. Но простая конвертация создаёт свои проблемы: на высоком качестве WebP выходит тяжелее исходного JPEG, браузер без поддержки формата не показывает картинку, а подменённый адрес попадает в письма, фиды и полностраничный кэш. Модуль закрывает каждую из них отдельно.
Отдаётся только файл легче исходника
Если WebP или AVIF вышел не легче исходника даже на пониженном качестве, файл удаляется, а картинка уходит в исключения с причиной. |
Формат — тому, кто его показывает
WebP и AVIF получает браузер, который их принимает. Остальные браузеры и роботы превью соцсетей получают исходник. |
Весь каталог, а не открытые страницы
Страница конвертации проходит весь каталог изображений, а новые фото товаров и категорий встают в очередь при сохранении. |
Исходники там, где WebP не нужен
В письмах, печатных счетах, YML-фиде и микроразметке товара остаются JPEG и PNG. |

Что вы получите после установки
- • Страница «Конвертация». Прогон всего каталога изображений одной кнопкой — с остановкой, продолжением и счётчиками: найдено, осталось в очереди, сконвертировано, пропущено, ошибок и сколько места сэкономлено.
- • Настройка «Как изображения попадают в браузер» с тремя режимами отдачи.
- • Раздел «Веб-сервер» — готовые строки для nginx и Apache и проверка, что сервер их применил.
- • Список исключений с причиной каждой записи, поиском по пути и фильтром.
- • Журнал конвертаций с размером до и после и журнал запусков по расписанию.
- • Свой пароль для команд по расписанию — модуль генерирует его при установке.

Три режима отдачи изображений
Режим задаётся одной настройкой. Выбор зависит от того, есть ли у вас доступ к конфигурации веб-сервера и включён ли полностраничный кэш.
- • Подмена адреса. Модуль подставляет адрес сконвертированного файла в разметку страницы — так он работал всегда, режим остаётся по умолчанию. Разметка зависит от браузера, поэтому кэш блоков хранит её отдельно для браузеров с WebP и без.
- • Выбирает браузер (picture). Картинка оборачивается в тег picture, а img внутри сохраняет адрес исходника. Разметка одинакова для всех посетителей и целиком ложится в полностраничный кэш; доступ к серверу не нужен, шаблоны темы не переопределяются.
- • Выбирает веб-сервер. Файл лежит рядом с исходником как photo.jpg.webp, разметка страницы не меняется вовсе, формат выбирает nginx или Apache по заголовку Accept. Письма, фиды, карта сайта и превью в соцсетях не затрагиваются: адрес картинки остаётся прежним.
Подмена адреса и полностраничный кэш
Вместе они раздавали бы разметку одного браузера всем остальным. Пока включён полностраничный кэш, модуль отдаёт картинки через picture и показывает предупреждение в настройках; выбранное значение не меняется.

Конфигурация nginx и Apache с проверкой
ШАГ 1
Режим
В настройках выбираете «Выбирает веб-сервер» — модуль создаёт файлы рядом с исходниками. |
ШАГ 2
Строки
Раздел «Веб-сервер» показывает готовые блоки: для nginx — в контекст http и в секцию server сайта, для Apache — в .htaccess каталога изображений. |
ШАГ 3
Перезапуск
Вы добавляете строки и перезапускаете веб-сервер. До этого магазин отдаёт исходники: файлы созданы, но сервер их не выдаёт. |
ШАГ 4
Проверка
Кнопка запрашивает у магазина его же изображение и сообщает, отдаётся ли сконвертированный файл и есть ли заголовок Vary: Accept. |
Что покажет проверка
Всё на месте; сервер отдал исходник — конфигурация не применена; файл отдаётся без Vary: Accept — кэши и CDN перепутают браузеры; проверять пока нечем — сконвертируйте хотя бы одно изображение.

Качество, подбор качества и AVIF
- • Три уровня качества: низкое, стандарт и высокое. Стандарт — обычный выбор.
- • Подбор качества. Если на выбранном качестве файл вышел не легче исходника, модуль пробует 65 и 50 и только потом откладывает картинку в исключения. Платный ShortPixel повторно не спрашивается.
- • AVIF вместе с WebP. Предлагается, если сервер умеет его кодировать: Imagick с поддержкой AVIF или PHP 8.1 и выше с функцией imageavif. AVIF остаётся на диске, только если вышел легче WebP той же картинки; браузер, который его принимает, получает AVIF, остальные — WebP или исходник.
- • Файл не легче исходника удаляется сразу после конвертации, поэтому на витрину он не попадает ни в одном режиме отдачи.
Замер на тестовом каталоге
Около 1640 изображений, 77 МБ исходников. WebP занял 22 МБ. С кодировщиком Imagick AVIF оказался легче WebP у 91 % картинок, и более лёгкий из двух форматов занял 12,2 МБ; с GD легче почти всегда выходил WebP, и AVIF остался у 2 % картинок. При качестве «высокое» WebP тестовых фотографий получался тяжелее исходного JPEG — такие файлы модуль и отбрасывает.

Исключения и журнал конвертаций
- • Причина у каждой записи: добавлено вручную, не легче исходника или конвертация срывалась — картинка, которую трижды не удалось сконвертировать, уходит из очереди и не останавливает прогон.
- • Поиск по пути и фильтр по причине — ручные записи не теряются среди автоматических.
- • «Пересмотреть их»: после смены качества автоматически исключённые картинки возвращаются в работу одной кнопкой.
- • Добавление вручную: путь от каталога изображений; полный адрес приводится к нужному виду, несуществующий файл отклоняется. Созданные файлы картинки удаляются сразу, и витрина перестаёт их отдавать — в том числе в серверном режиме.
- • Журнал конвертаций: размер до и после, фильтры по датам и пути, добавление картинки в исключения прямо из журнала. Записи старше заданного срока удаляет обычный запуск по расписанию.


Конвертеры, расписание и права доступа
- • GD и Imagick работают на вашем сервере; Imagick при конвертации удаляет метаданные файла.
- • ShortPixel — внешний сервис по вашему ключу, работает из команды расписания. Степень сжатия следует настройке качества, AVIF модуль создаёт локально.
- • Режимы генерации: в момент первого обращения — для небольших каталогов, не больше десяти изображений за запрос; отложено — в фоне после просмотра страницы; по расписанию.
- • Прогон не мешает витрине: кэш блоков не сбрасывается на каждой сконвертированной картинке, а команда расписания и открытая страница конвертации не берут одну картинку одновременно.
- • Пароль команд по расписанию генерируется при установке; если в магазине остался стандартный, настройки предупреждают об этом.
- • Права «Просмотр» и «Управление изображениями WebP» для групп администраторов. Администраторы витрин в Ultimate — хранилище изображений у витрин общее — и продавцы в Multi-Vendor доступа к модулю не получают.
Чего модуль не делает
- • Не работает с изображениями во внешнем хранилище S3 или CDN: конвертация идёт только для файлов в каталоге изображений на сервере магазина.
- • В режиме picture не трогает картинки с отложенной загрузкой: они остаются в исходном формате. В серверном режиме такого ограничения нет — адрес картинки там не меняется.
- • Не совмещает подмену адреса с полностраничным кэшем: пока кэш включён, картинки отдаются через picture, и настройки об этом предупреждают.
- • Не конвертирует GIF и не меняет исходные файлы: JPEG и PNG остаются на месте для браузеров без поддержки форматов.
- • Не настраивает веб-сервер сам: для серверного режима строки конфигурации добавляете вы или ваш хостинг.
Во что обходится работа
GD и Imagick бесплатны и работают на вашем сервере: конвертация расходует процессорное время, AVIF кодируется заметно медленнее WebP. Большой каталог удобно конвертировать по расписанию — число изображений за запуск задаётся в настройках, по умолчанию 50, не больше 2000.
Сконвертированные файлы лежат рядом с исходниками и занимают место на диске: на тестовом каталоге WebP-копии заняли 22 МБ при 77 МБ исходников. ShortPixel — платный запрос к сервису по его тарифу и только если вы его включили; подбор качества не отправляет картинку в сервис повторно.
Серверный режим требует один раз добавить строки в конфигурацию, после чего PHP в отдаче картинок не участвует. В режиме подмены адреса модуль проверяет наличие файла для каждой картинки страницы, которой нет в кэше блоков.
Что нового в версии 2.2
- • Счётчики «Сконвертировано» и «Сэкономлено» на странице «Конвертация» учитывают всё, что сконвертировано за время прогона, включая команду расписания и витрину.
- • AVIF, который при подборе качества не стал легче исходника, больше не отправляет картинку в исключения и не удаляет её годный WebP.
- • Отброшенный AVIF не кодируется заново при каждом обходе каталога: решение действует, пока не изменятся исходник или качество.
- • Картинка, на которой PHP падает от нехватки памяти, после трёх попыток уходит в исключения, а не останавливает очередь.
- • Журнал конвертаций хранит размеры в байтах: у маленьких файлов больше нет «0.000 Mb (100 %)».
- • Команда расписания с неверным паролем оставляет предупреждение с датой на странице «Конвертация» и на вкладке «Расписание».
- • Номер версии двухчастный: сборка, выходившая как 2.1.1, переиздана как 2.2.
Частые вопросы
Что увидят посетители со старыми браузерами?
Исходные JPEG и PNG. WebP и AVIF получает только браузер, который сообщает, что принимает их; роботы превью соцсетей тоже получают исходники.
Какой режим отдачи выбрать?
Если можете добавить строки в конфигурацию nginx или Apache — «Выбирает веб-сервер»: разметка не меняется, PHP в отдаче не участвует. Если доступа к серверу нет или включён полностраничный кэш — «Выбирает браузер (picture)». Подмена адреса — прежний режим модуля, он остаётся по умолчанию.
Нужно ли заново загружать фотографии?
Нет. Страница «Конвертация» проходит уже загруженные изображения, а новые фото товаров и категорий встают в очередь при сохранении. Исходники остаются на месте.
Почему часть картинок попала в исключения?
Их файл вышел не легче исходника даже на качестве 65 и 50, или конвертация трижды срывалась. Причина видна в списке исключений; после смены качества кнопка «Пересмотреть их» вернёт автоматически исключённые картинки в работу.
Нужен ли платный ShortPixel?
Нет. GD и Imagick работают на сервере магазина без оплаты. ShortPixel подключается по вашему ключу, если вы хотите конвертировать на стороне сервиса.
Работает ли модуль с UniTheme2?
На тестовом стенде с UniTheme2 (CS-Cart 4.19.1 Multi-Vendor) в режимах подмены адреса и picture атрибуты темы сохранились: размеры картинок, зум, число изображений. Тему, которая стилизует или скриптует тег img, в режиме picture стоит проверить.
У меня версия 1.x. Что будет при обновлении?
Режим отдачи остаётся прежним — подмена адреса; при включённом полностраничном кэше картинки пойдут через picture. Если в магазине стоял стандартный пароль команд по расписанию, модуль заменит его сгенерированным — впишите новый в строку расписания. Если было включено именование «Транслитерация», файлы создадутся заново под новыми именами, а прежние убирает кнопка «Удалить оставшиеся файлы».
- Store Builder
- Store Builder Plus
- Store Builder Ultimate
- Multi-Vendor
- Multi-Vendor Plus
- Multi-Vendor Ultimate
- 4.21.1
- 4.20.1
- 4.19.1.SP2
- 4.19.1.SP1
- 4.19.1
- 4.18.4
- 4.18.3
- 4.18.2.SP1
- 4.18.2.
- 4.18.1.SP1
- 4.18.1
- 4.17.2.SP3
- 4.17.2.SP2
- 4.17.2.SP1
- 4.17.2
- 4.17.1
- 4.16.2
- 4.16.1
- 4.15.2
- 4.15.1.SP4
- 4.15.1.SP3
- 4.15.1.SP2
- 4.15.1.SP1
- 4.15.1
- 4.14.3.SP1
- 4.14.3
- 4.14.2.SP1
- 4.14.2
- 4.14.1.SP1
- 4.14.1
- 4.13.3
- 4.13.2.SP2
- 4.13.2.SP1
- 4.13.2
- English
- Русский
Контактная информация
|
Разработка на CS-Cart · штатная команда · с 2013 года Делаем, обновляем и ускоряем магазины и маркетплейсы на CS-CartАналитики, разработчики, дизайнеры, тестировщики и поддержка — все в штате, без подрядчиков. Мы выпускаем модули, которые можно купить прямо на этой странице, и беремся за задачи, которых не закрывает ни один готовый модуль. |
|
2013 Работаем |
4.98 Рейтинг |
190+ Решений на этой |
500+ Проектов |
Флагманы
Два модуля, которые меняют показатели магазина
Остальные наши модули улучшают один экран. Эти два меняют цифры: как покупатель находит товар и как часто он возвращается.
|
Модуль · Поиск и мерчандайзинг Умный поискПоиск на Elasticsearch для больших каталогов. Покупатель набирает две буквы, видит товары с картинками и ценами и покупает прямо из подсказки — даже если ошибся в слове или забыл переключить раскладку. Те, кто пользуется строкой поиска, — это 24% посетителей и 44% выручки, и они покупают примерно в 2,5 раза чаще тех, кто просто листает каталог. Если поиск ничего не нашёл, до 80% из них уходят. | ||||||||
| ||||||||
Проверьте на живом каталоге: откройте демо-магазин и поищите с намеренной опечаткой. |
|
Модуль · Мобильная торговля PowerApp — мобильное приложение магазинаНативное приложение для iOS и Android, работающее на данных вашего CS-Cart: те же товары, цены, остатки, акции, бонусы и заказы. Второй каталог вести не нужно — всё остаётся в той же панели администратора. Мобильный сайт приводит покупателя один раз, приложение возвращает его бесплатно. Пуш-уведомления заменяют бюджет на ретаргетинг, которым вы покупаете того же человека повторно. | ||||||||
| ||||||||
Экраны, типы блоков и тарифы: как устроено приложение. |
Услуги
Когда готовым модулем не обойтись — делаем руками
Фиксированный объём, письменное ТЗ, персональный менеджер проекта и гарантия на сделанное.
|
Заказная разработка на CS-Cart Функциональность, которой в платформе нет: модули, механики маркетплейса, интеграции с 1С, CRM, ERP, платёжными и логистическими сервисами. Начинаем с письменного ТЗ, а не с оценки на созвоне. Подробнее → |
|
Апгрейд CS-Cart Переход на актуальную версию без потери данных, доработок и модулей. Сначала проверяем каждую модификацию, обновляем на копии, чиним то, что отвалилось, и переключаем магазин почти без простоя. Подробнее → |
|
Оптимизация скорости CS-Cart Каждая лишняя секунда загрузки стоит около 4,4% конверсии. Профилируем сервер, базу и фронтенд, чиним то, что действительно съедает время, и показываем цифры до и после. Подробнее → |
|
Дизайн для CS-Cart Дизайн витрины mobile-first, собранный на штатной структуре шаблонов CS-Cart, — чтобы вёрстка пережила следующее обновление платформы, а не превратилась в проблему миграции. Подробнее → |
|
SEO для CS-Cart Технический аудит индексации, дублей, редиректов, микроразметки и Core Web Vitals — в виде списка правок по приоритету, который могут взять ваши разработчики или внедряем мы. Подробнее → |
Как мы работаем
Что вы получаете кроме кода
|
До начала работ Обсуждаем задачу, предлагаем варианты и пишем ТЗ. Объём и цену вы утверждаете до того, как начнётся разработка. |
В ходе работ Персональный менеджер проекта отчитывается о ходе по графику. Вы всегда знаете, что в работе и что дальше. |
|
Перед сдачей Отдельный прогон тестировщиков на каждом релизе: принимает работу не тот, кто её писал. |
После сдачи Документация на всё, что сделали, и гарантия на доработки и проект. |
Покупка модулей
Оплата, лицензия и возврат
| Как оплатить |
По счёту. После оформления заказа формируется счёт — деньги поступают к нам за 2–3 рабочих дня. Онлайн через ЮKassa. Карты МИР, Visa и MasterCard, кошелёк ЮMoney, SberPay, а также платёжные терминалы, банкоматы и кассы банков. |
| Как получить | Лицензия появляется в личном кабинете сразу после онлайн-оплаты, а при оплате по счёту — в течение 2–3 рабочих дней. |
| Как вернуть | Если модуль не подошёл, в течение 30 календарных дней с даты покупки напишите на sales@cart-power.com — ответим за 1–2 рабочих дня. После 30 дней возврат уже невозможен, поэтому со сложностями лучше прийти к нам раньше: техподдержка на том же адресе, и чаще всего вопрос решается без возврата. |
Расскажите, что должен уметь магазинОпишите задачу в паре предложений — вернёмся с вариантами, объёмом и ценой. Консультация бесплатная, и мы прямо скажем, если задачу уже закрывает готовый модуль.
|
Кейсы, полный каталог наших модулей и 184 отзыва покупателей — во вкладках выше.