ImageOptimizer

WebP/AVIF и responsive <picture> для MODX 3
GitHub.com Документация
GitHub.com Документация
webp avif image оптимизация
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Иван Бочкарев
Автор дополнения
Иван Бочкарев
Пакетов
17
Закачек
121
Автор дополнения
Иван Бочкарев Иван Бочкарев
Пакетов
17
Закачек
121

ms3FirstTimeBuyerDiscount

Автоматическая скидка на первый заказ пользователя

mxDadata

Интеграция DaData API с MiniShop3: автокомплит адреса, нормализация данных, подсказки...

mxQuickView

Компонент для быстрого просмотра ресурсов и товаров в MODX
Версия 1.0.0-beta1
Дата выпуска 02.07.2026
Загрузки 0
Просмотры 10
Внимание, этот компонент требует PHP 8.2 или выше!
Внимание, этот компонент требует MODX 3 или выше.
ImageOptimizer ускоряет сайт на MODX 3 без правки чанков: конвертирует загруженные JPEG и PNG в WebP (и опционально AVIF), создаёт responsive-варианты и на выходе страницы подставляет с srcset. Браузер получает меньший файл, оригиналы остаются fallback.

Что получаете после установки
  • Меньший вес картинок — статические WebP/AVIF рядом с оригиналом (photo.768.webp), отдаются как обычные файлы, без PHP на каждый запрос
  • Responsive из коробки — breakpoints 480–1920 px (настраиваются), srcset и sizes в разметке
  • Авто-picture — плагин на OnWebPagePrerender оборачивает локальные , шаблоны и чанки не трогаете
  • Очередь под контролем — Vue-админка: статистика, фильтры, retry, rebuild по файлу или папке, кнопка Обработать очередь (cron не обязателен для старта)
  • Массовая обработка архива — пересборка каталога товаров (assets/images/products), загрузок MS3 (images/resources) или любого path в media source
  • Умные пропуски — Thumb3x/pThumb, SVG, внешние URL, класс no-optim, атрибут data-imageoptimizer-skip, уже готовый srcset или picture

Три шага до результата
  1. Установите пакет, pdoTools и VueTools (≥ 1.1.2-pl). На вкладке Сервер проверьте, что WebP «Доступен».
  2. Загрузите изображение в File Manager или нажмите Пересобрать очередь по нужной папке → Обработать очередь.
  3. Откройте страницу с картинкой — в HTML появится picture с WebP source (при inject_frontend=1 и активном плагине).

Для кого
  • Контент-сайты и лендинги — ускорение без ручной верстки picture
  • Интернет-магазины на MS3 — галереи товаров и загрузки resources
  • Разработчики — CLI/cron (cli/convert.php, cron/convert.php), права ACL, HTML-кэш инъекции, QA-стенд с 20 секциями тестов


Требования: MODX 3.0+, PHP 8.2+, GD или Imagick с WebP. AVIF — по желанию (cwebp, avifenc).

Скриншоты










Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

[1.0.0-beta1] - 2026-06-28

Added

  • Конвертация JPEG/PNG/GIF/WebP в WebP и опционально AVIF (GD, Imagick, cwebp, avifenc)
  • Responsive-варианты по breakpoints (по умолчанию 480–1920 px), файлы рядом с оригиналом
  • Очередь imageoptimizer_queue: pending, processing, done, failed, skipped
  • Плагин: OnFileManagerUpload (enqueue + sync convert), OnWebPagePrerender (inject ``)
  • Vue-админка: Обзор, Очередь, Настройки, Сервер, Совместимость (VueTools ≥ 1.1.2-pl)
  • Connector API: queue/list, retry, rebuild, clear, reset_stuck, process, stats, settings, server/check
  • Кнопка «Обработать очередь» в админке (worker cron/CLI, lock cron.lock)
  • Rebuild по одному файлу или каталогу (imageoptimizer_rebuild_path)
  • CLI cli/convert.php, cron cron/convert.php, cron/prune.php
  • Пропуски inject: skip_classes, skip_src_pattern (Thumb3x), data-imageoptimizer-skip, SVG, внешние URL
  • HTML-кэш инъекции, права ACL (view, settings, run)
  • Документация: readme.txt, changelog.txt. Полный индекс и API — docs.modx.pro

Requirements

  • MODX Revolution 3.0+
  • PHP 8.2+
  • pdoTools, VueTools ≥ 1.1.2-pl
  • GD или Imagick с WebP (AVIF опционально)

Последние обсуждения в сообществе MODX.pro