Пошук по сайту
Результати пошуку за тегами 'page speed'.
Знайдено 6 результатов
-
Версія 1.0.30
OcBox Image Pro — WebP, ImageMagick, водяной знак и MD5-анонимизатор в одном модуле Страницы сайта грузят картинки медленно? Google PageSpeed жалуется на «Serve images in next-gen formats»? Конкуренты воруют фото из вашего каталога через прямые URL? Платформа отдаёт JPEG по 200 КБ вместо WebP по 40 КБ? Photoshop-ите фото с watermark по 1000 раз вручную? OcBox Image Pro решает все эти проблемы одним модулем без вмешательства в шаблон, без изменения URL картинок и без правок twig-файлов. Главная идея — сделать изображения вашего магазина максимально качественными, заменив базовую PHP-библиотеку GD (с которой работает OpenCart по умолчанию) на ImageMagick. Что это значит для вас: когда OpenCart делает миниатюру с вашего фото 4000×3000 для каталога — стандартная GD снижает качество, появляются артефакты, размываются детали. ImageMagick делает это профессионально, с минимальными потерями качества при сжатии — товар на сайте выглядит так же хорошо, как на оригинальном фото от фотографа. А также мы автоматически конвертируем все картинки сайта в WebP — чтобы Google любил ваш магазин. WebP — современный формат который весит в 2-3 раза меньше чем JPEG при том же качестве. Страницы грузятся быстрее, Core Web Vitals зеленеют, позиции в поиске растут. И всё это — без правок шаблона, без вмешательства в код тем, без боли. Что вы получаете — полный перечень Все функции модуля с объяснением, какие боли магазина они закрывают. Каждая функция — реальный код, а не маркетинг. ✓ MD5-анонимизатор — защита от воров фото Вместо iphone-15-pro.jpg ваши фото лежат как 3a7f8b2.jpg. Конкурент уже не может за 5 минут скачать весь каталог скриптом — имена непредсказуемые. Защищает авторские фото от парсинга и копирования по прямым ссылкам. ⚠ Без этого: вы заплатили фотографу $1000-3000, конкурент за вечер качает все фото и использует бесплатно. ✓ ImageMagick вместо стандартной PHP GD OpenCart по умолчанию режет фото библиотекой GD — быстро, но качество страдает, появляются артефакты, размытые детали. Мы ставим ImageMagick — профессиональный движок который используют Adobe, Shopify, eBay. Миниатюра 300×300 из оригинала 4000×3000 выглядит резко и чисто. ⚠ Без этого: фото товаров выглядят хуже чем есть на самом деле — мутные миниатюры отталкивают покупателя. ✓ Работает на любом хостинге — от премиум до бюджетного Модуль автоматически определяет что доступно на вашем сервере и выбирает лучший вариант: полный ImageMagick (премиум хостинг — самое быстрое), CLI-фолбек (средний хостинг — на 30% медленнее но качество то же), или стандартная GD (бюджетный хостинг — тоже работает). Не зависнете без WebP как с большинством плагинов. ⚠ Без этого: покупаете плагин, ставите, а он не работает потому что у вас «не тот хостинг» — деньги на ветер. ✓ Мастер установки с автопроверкой сервера На первом шаге мастера модуль сам проверяет ваш сервер: что установлено, что нет, есть ли доступ на запись в нужные папки. Показывает зелёный/жёлтый/красный статус и объясняет простыми словами что делать если что-то не так. Не надо гуглить, не надо беспокоить хостера — всё наглядно. ⚠ Без этого: ставите модуль и не понимаете почему он не работает, мучаетесь часами или бросаете. ✓ Настройка качества картинок под ваш магазин Слайдеры: качество JPEG, качество WebP, сжатие PNG. Хотите максимальное качество фото для ювелирного магазина — двигаете вверх. Хотите максимально быстрый сайт для одежды — вниз. Перегенерируете кеш одним кликом и смотрите что лучше для вас. ⚠ Без этого: дефолт OpenCart даёт или слишком сжатые (видны артефакты), или слишком тяжёлые файлы — компромисса нет. ✓ Чёткий ресайз больших фото Когда ваше фото 4000×3000 режется на миниатюру 300×300 — выбор алгоритма влияет на результат. Мы даём 4 варианта: «самый резкий», «быстрый», «компромисс», «мягче для портретов». Один клик — переключились, перегенерировали кеш — увидели результат. ⚠ Без этого: товары с тонкими деталями (одежда, ювелирка, часы, техника) выглядят размытыми. ✓ Удаление скрытых метаданных из фото Фото с фотоаппарата содержат скрытые данные: модель камеры, настройки, ICC color profile, и часто — GPS-координаты места съёмки! Если ваш фотограф снимал на складе — координаты склада утекают в публичный доступ через ваши товары. Модуль вырезает это автоматически + экономит 30-50 КБ на каждом фото. ⚠ Без этого: координаты вашего склада/офиса публичны через любое фото товара. Или просто лишний вес картинок. ✓ Постепенная загрузка картинок (Progressive JPEG) Вместо «пустого прямоугольника пока фото не загрузится» — на медленном мобильном интернете покупатель видит картинку сразу: сначала размытую, потом чётче. Психологически воспринимается как «сайт работает» вместо «сайт глючит». ⚠ Без этого: на 3G/4G покупатель видит пустые прямоугольники и уходит с сайта думая что «опять лагает». ✓ Повышение резкости после ресайза При сильном сжатии (фото 4000px → миниатюра 300px) детали неизбежно теряются. Slider «резкость» добавляет их обратно. Особенно заметно на товарах с тонкими деталями: ткани, фактуры, гравировки, мелкие надписи на упаковке. ⚠ Без этого: мелкие товары (ювелирка, часы, бижутерия) в списке каталога выглядят как замыленные пятна. ✓ Быстрый первый рендер страницы Первый раз когда картинка показывается — она должна конвертироваться в WebP. Обычно это задерживает страницу. У нас конвертация происходит в фоне после того как страница уже показалась — первый посетитель не замечает задержки, следующие достают готовый WebP мгновенно. ⚠ Без этого: первый посетитель после очистки кеша ждёт лишних полсекунды — и воспринимает сайт как медленный. ✓ Визуальный конструктор водяного знака — drag&drop Вместо того чтобы задавать координаты в пикселях («X=120, Y=340») и смотреть что получилось — у нас на экране ваше реальное фото товара, перетаскиваете мышью знак на нужное место, настраиваете размер/прозрачность/наклон визуально. Как в Photoshop, только в админке OpenCart и сразу для всего каталога. ⚠ Без этого: настраиваете знак в Photoshop и потом вручную ставите на 1000 фото = неделя работы. ✓ Водяной знак — картинка ИЛИ текст Загружаете PNG-логотип с прозрачным фоном — или просто пишете текст (например название магазина, домен сайта) и выбираете шрифт, размер, цвет, обводку. ⚠ Без этого: покупаете отдельный watermark-плагин за $15-30 дополнительно. ✓ Водяной знак одинаково выглядит на всех размерах Настроили один раз — модуль автоматически адаптирует знак к каждому размеру миниатюры. На карточке товара (800px) знак выглядит одного размера, на миниатюре в каталоге (300px) — пропорционально меньший. Не портит макет. ⚠ Без этого: знак на 1200px нормальный, а на миниатюре 300px занимает пол-экрана и ломает каталог. ✓ Превью на реальном товаре В конструкторе выбираете из вашего каталога конкретный товар (например светлое фото на белом фоне и тёмное на чёрном) — и смотрите как ваш знак будет выглядеть. Перетащили — обновилось мгновенно. Так вы не ошибётесь с цветом/позицией прежде чем залить на 5000 товаров. ⚠ Без этого: настроили по одному примеру, залили — и видите что на чёрном фоне ваш чёрный знак не виден. А кеш уже сгенерирован. ✓ Водяной знак только на больших фото В списке «похожих товаров» миниатюры 100×100. Знак на них всё равно нечитаем и только портит вид. Настраиваете минимальный размер для знака (по умолчанию 300×300) — меньше этого размера модуль не ставит знак. Карточка товара получает знак, мелкая иконка — нет. ⚠ Без этого: знак лепится на все миниатюры, в списке «4 квадратика 100×100 с логотипом» покупатель не понимает что там за товары. ✓ Несколько наборов водяного знака — для разных случаев Один знак для обычного каталога (логотип в углу), другой для распродажи (текст «-30%» по центру), третий без знака для категории «B2B партнёрам». Переключаете настройки одним кликом — не надо переналаживать всё заново. ⚠ Без этого: под каждую акцию переналаживаете знак с нуля и возвращаетесь — каждый раз полчаса. ✓ Знак только на фото товаров, не на категориях/производителях Логотип Apple на фото iPhone — нарушение авторских прав. Ваш знак на баннере «Электроника» — выглядит как хакерство. Модуль ставит знак ТОЛЬКО на фото товаров, другие категории картинок (баннеры, лого производителей, категории) остаются чистыми. ⚠ Без этого: знак на лого производителя = претензии от правообладателей. ✓ В админке видите чистые фото без знака Когда вы редактируете товар — видите оригинальное фото без водяного знака. Знак появляется только на сайте для покупателей. Не путает вас при работе. ⚠ Без этого: работаете в админке и всё время смотрите на свой же знак на собственных фото — лишний визуальный шум. ✓ Кнопка «Перегенерировать весь кеш» Изменили настройки качества или водяной знак — и хотите чтобы все картинки сразу обновились без ожидания. Нажимаете кнопку, видите прогресс-бар, ждёте — и весь каталог со свежим кешем. Без этого первые посетители неделю достают медленные рендеры пока сайт сам прогенерирует. ⚠ Без этого: изменили качество — и в течение недели первые посетители страниц достают медленные рендеры через регенерацию кеша. ✓ Исключение определённых путей из обработки Не хотите чтобы модуль трогал баннеры главной страницы или платёжные логотипы? Укажите эти пути в настройках — модуль их обходит. Остальная часть сайта обрабатывается как всегда. ⚠ Без этого: WebP-подмена задевает баннеры и платёжные иконки, ломая дизайн страниц. ✓ Безопасное удаление с восстановлением оригиналов Если передумали — модуль чисто удаляется: возвращает OpenCart к стандартной логике работы с картинками, чистит кеш, восстанавливает оригинальный код. Никаких хвостов в базе или файлах. Риска сломать магазин нет. ⚠ Без этого: дешёвые модули оставляют хвосты после удаления — потом неделями ищете в логах причины глюков. Совместимость и системные требования OpenCart 3.x и ocStore 3.x. OC 2.3 — в роадмапе (форк image_pro_oc23/ после стабилизации 3.x) PHP 7.4 или выше (тестировано на 7.4, 8.1, 8.3) ionCube Loader 14 или выше — модуль закодирован ionCube Encoder 15 Один из трёх backends: PRO: Imagick PECL extension (extension=imagick.so) — рекомендуется, самое быстрое STANDARD: ImageMagick CLI (convert) + cwebp — fallback, на 30-40% медленнее MINIMAL: PHP GD с WebP-поддержкой — минимум, ниже качество ресайза Запись в image/cache/ и image/cache/webp/ (chmod 755 или 775) Работает с любым шаблоном — модуль на уровне response.php и model/tool/image.php (НЕ правки twig) FreeType (для текстового watermark — Phase 5) На форуме размещён технический ZIP с инструкцией. Установочная сборка готовится индивидуально: напишите в личные сообщения, укажите домен, версию PHP, ionCube Loader и версию OpenCart. ionCube Loader — обратите внимание! Модуль закодирован ionCube Encoder 15. Для работы нужен ionCube Loader версии 14 или выше. Если у вас на хостинге установлен Loader 13.x или ниже — модуль не запустится. Проверить версию: php -m | grep ionCube или через phpinfo(). Если нужна версия для старого Loader-а — пишите в личные, сделаем легаси-сборку. Возможные конфликты и как их обойти OcBox Image Pro встраивается в OpenCart через два OCMOD-а: system/library/response.php (для WebP-подмены в HTML) и catalog/model/tool/image.php (для MD5 + WebP dual-write). Возможные конфликты и их решение: OCMOD-ы шаблонов — некоторые премиум-шаблоны (например UpStore, CyberStore в определённых версиях) сами переписывают response.php или добавляют свою image-логику. Если после установки Image Pro картинки не показываются или страница белая — временно отключите OCMOD шаблона через Расширения → Модификации → Disable, перезагрузите кеш OpenCart и кеш браузера. Jet Cache (Jet Cache и подобные full-page cache модули) — кешируют HTML-вывод ДО того как наш OCMOD его обработает. Результат: WebP-подмена не работает, посетители получают старую кеш-версию с JPEG. Решение — либо полностью отключить Jet Cache, либо настроить его exclude pattern для image/cache/ URLs (если такой exclude поддерживается). Лучше совсем отключить — Image Pro сам по себе даёт лучшую скорость страниц чем full-page cache благодаря WebP. Что делать при конфликте: зайти в Расширения → Модификации, отключить подозрительные OCMOD-ы по очереди, каждый раз делать Refresh + чистить image/cache/, пока картинки не вернутся. Если сами не разобрались — пишите в личные сообщения, поможем. Продление лицензии на обновления В стоимость модуля уже входит год обновлений. Далее продление по той же цене ежегодно, чтобы получать новые версии (доступ к скачиванию предоставляется после оплаты). Если не продлевать, модуль продолжает работать как и раньше, просто без новых версий. Клиенты, купившие до введения продлений, сохраняют условия на дату покупки. Продление не включает повторную ionCube-компиляцию, установку и персональные консультации. Лицензия действует на домен магазина и тестовый домен. Регламент выдачи файлов модуля В рабочие дни в рабочее время файл модуля передаётся покупателю в течение суток с момента оплаты, как правило менее чем за час. В выходные дни и официальные (государственные) праздники возможны задержки — модуль будет отправлен с наступлением ближайшего рабочего дня. Благодарим за понимание. Нашли ошибку в работе модуля? Напишите в тему поддержки или в личные сообщения: ссылку на страницу, что вы делали, что произошло, и текст ошибки. Как за пять минут включить показ ошибок, найти журнал и увидеть ошибки в консоли браузера, пошагово со скриншотами: Ошибки на сайте OpenCart: как их включить, найти и передать разработчику (статья на украинском языке). С таким отчётом мы исправляем проблему значительно быстрее. Рекомендуемые платные модули OcBox Smart Related $30: связанные товары SEO FAQ AI $30: AI FAQ + Schema.org AI Chat $100: AI-консультант 24/7 AI Product Editor $50: массовое редактирование PageSpeed Suite $40: ускорение сайта Category Manager $30: визуальный менеджер категорий AI Photo Studio $50: AI-обработка фото Product Showcase $25: хиты, новинки, акции AI Smart Search $200: AI-поиск с синонимами Filter $30: умный фильтр + SEO Remarketing $40: ремаркетинг и аналитика PaymentHub $80: хаб оплат ShippingHub $80: хаб доставок SmartOrder $30: быстрый заказ Shipping Rules $30: правила доставки AI Мегарепорти $20: отчёты и Telegram-дайджест Product Bundles $30: комплекты и наборы Simple Super Search $50: нечёткий поиск без Sphinx OcBox MEGA $30: шаблон и комплект модулей AI Quiz $50: AI-квиз подбора товаров Універсальний імпорт $50: импорт прайсов поставщиков Відгуки Pro $30: отзывы с фото и видео Варіанти товару $30: матрица размер и цвет ChatGPT Ads $10: реклама в ChatGPT Кинутий кошик $10: возврат брошенных корзин Admin MCP $10: AI-управление админкой Вчасно.Каса $10: фискализация чеков Рупор $40: email, SMS, Viber, Telegram рассылки Order Editor $40: редактирование заказов как человек CRM Hub $40: единая панель заказов Мультивалютні товари $10: цена в валюте поставщика Експорт у XML $10: экспорт заказов в XML SEO Manager $40: SEO-аудит и AI-исправление OcBox MEGA уже вышел: готовый магазин на OpenCart 3 Шаблон и семь модулей OcBox в одном комплекте: быстрое оформление SmartOrder, живой поиск, фильтр, аналитика и ремаркетинг, отзывы с фото, микроразметка и вход через соцсети. Ставите, настраиваете цвета и блоки главной, и магазин уже продаёт. Первым 100 покупателям $30 вместо $200. Смотреть OcBox MEGA → Живое демо → Подписывайтесь на наш канал: t.me/ocboxchannel15.00 USD-
- 1
-
-
- webp
- avif
-
(і ще 28)
Теги:
- webp
- avif
- imagemagick
- image compress
- image convert
- image resize
- image optimization
- watermark
- водяной знак
- водяний знак
- lazy load
- ленивая загрузка
- лінива загрузка
- оптимизация изображений
- оптимізація зображень
- сжатие изображений
- стискання зображень
- конвертация изображений
- конвертація зображень
- уменьшение картинок
- зменшення картинок
- page speed
- pagespeed
- оптимизация сайта
- оптимізація сайту
- md5 переименование фото
- md5 rename
- анонимизация фото
- image anonymizer
- image
-
720грн При покупке доступ к обновлениям в течение 1 года После окончания основного периода доступ к обновлениям можно продолжить 0,00 грн. за год Скачать / Купить дополнение OcBox Image Pro — WebP-конвертер для OpenCart и ocStore, водяные знаки, ImageMagick, MD5-анонимизатор фото товаров OcBox Image Pro — WebP, ImageMagick, водяной знак и MD5-анонимизатор в одном модуле Страницы сайта грузят картинки медленно? Google PageSpeed жалуется на «Serve images in next-gen formats»? Конкуренты воруют фото из вашего каталога через прямые URL? Платформа отдаёт JPEG по 200 КБ вместо WebP по 40 КБ? Photoshop-ите фото с watermark по 1000 раз вручную? OcBox Image Pro решает все эти проблемы одним модулем без вмешательства в шаблон, без изменения URL картинок и без правок twig-файлов. Главная идея — сделать изображения вашего магазина максимально качественными, заменив базовую PHP-библиотеку GD (с которой работает OpenCart по умолчанию) на ImageMagick. Что это значит для вас: когда OpenCart делает миниатюру с вашего фото 4000×3000 для каталога — стандартная GD снижает качество, появляются артефакты, размываются детали. ImageMagick делает это профессионально, с минимальными потерями качества при сжатии — товар на сайте выглядит так же хорошо, как на оригинальном фото от фотографа. А также мы автоматически конвертируем все картинки сайта в WebP — чтобы Google любил ваш магазин. WebP — современный формат который весит в 2-3 раза меньше чем JPEG при том же качестве. Страницы грузятся быстрее, Core Web Vitals зеленеют, позиции в поиске растут. И всё это — без правок шаблона, без вмешательства в код тем, без боли. Что вы получаете — полный перечень Все функции модуля с объяснением, какие боли магазина они закрывают. Каждая функция — реальный код, а не маркетинг. ✓ MD5-анонимизатор — защита от воров фото Вместо iphone-15-pro.jpg ваши фото лежат как 3a7f8b2.jpg. Конкурент уже не может за 5 минут скачать весь каталог скриптом — имена непредсказуемые. Защищает авторские фото от парсинга и копирования по прямым ссылкам. ⚠ Без этого: вы заплатили фотографу $1000-3000, конкурент за вечер качает все фото и использует бесплатно. ✓ ImageMagick вместо стандартной PHP GD OpenCart по умолчанию режет фото библиотекой GD — быстро, но качество страдает, появляются артефакты, размытые детали. Мы ставим ImageMagick — профессиональный движок который используют Adobe, Shopify, eBay. Миниатюра 300×300 из оригинала 4000×3000 выглядит резко и чисто. ⚠ Без этого: фото товаров выглядят хуже чем есть на самом деле — мутные миниатюры отталкивают покупателя. ✓ Работает на любом хостинге — от премиум до бюджетного Модуль автоматически определяет что доступно на вашем сервере и выбирает лучший вариант: полный ImageMagick (премиум хостинг — самое быстрое), CLI-фолбек (средний хостинг — на 30% медленнее но качество то же), или стандартная GD (бюджетный хостинг — тоже работает). Не зависнете без WebP как с большинством плагинов. ⚠ Без этого: покупаете плагин, ставите, а он не работает потому что у вас «не тот хостинг» — деньги на ветер. ✓ Мастер установки с автопроверкой сервера На первом шаге мастера модуль сам проверяет ваш сервер: что установлено, что нет, есть ли доступ на запись в нужные папки. Показывает зелёный/жёлтый/красный статус и объясняет простыми словами что делать если что-то не так. Не надо гуглить, не надо беспокоить хостера — всё наглядно. ⚠ Без этого: ставите модуль и не понимаете почему он не работает, мучаетесь часами или бросаете. ✓ Настройка качества картинок под ваш магазин Слайдеры: качество JPEG, качество WebP, сжатие PNG. Хотите максимальное качество фото для ювелирного магазина — двигаете вверх. Хотите максимально быстрый сайт для одежды — вниз. Перегенерируете кеш одним кликом и смотрите что лучше для вас. ⚠ Без этого: дефолт OpenCart даёт или слишком сжатые (видны артефакты), или слишком тяжёлые файлы — компромисса нет. ✓ Чёткий ресайз больших фото Когда ваше фото 4000×3000 режется на миниатюру 300×300 — выбор алгоритма влияет на результат. Мы даём 4 варианта: «самый резкий», «быстрый», «компромисс», «мягче для портретов». Один клик — переключились, перегенерировали кеш — увидели результат. ⚠ Без этого: товары с тонкими деталями (одежда, ювелирка, часы, техника) выглядят размытыми. ✓ Удаление скрытых метаданных из фото Фото с фотоаппарата содержат скрытые данные: модель камеры, настройки, ICC color profile, и часто — GPS-координаты места съёмки! Если ваш фотограф снимал на складе — координаты склада утекают в публичный доступ через ваши товары. Модуль вырезает это автоматически + экономит 30-50 КБ на каждом фото. ⚠ Без этого: координаты вашего склада/офиса публичны через любое фото товара. Или просто лишний вес картинок. ✓ Постепенная загрузка картинок (Progressive JPEG) Вместо «пустого прямоугольника пока фото не загрузится» — на медленном мобильном интернете покупатель видит картинку сразу: сначала размытую, потом чётче. Психологически воспринимается как «сайт работает» вместо «сайт глючит». ⚠ Без этого: на 3G/4G покупатель видит пустые прямоугольники и уходит с сайта думая что «опять лагает». ✓ Повышение резкости после ресайза При сильном сжатии (фото 4000px → миниатюра 300px) детали неизбежно теряются. Slider «резкость» добавляет их обратно. Особенно заметно на товарах с тонкими деталями: ткани, фактуры, гравировки, мелкие надписи на упаковке. ⚠ Без этого: мелкие товары (ювелирка, часы, бижутерия) в списке каталога выглядят как замыленные пятна. ✓ Быстрый первый рендер страницы Первый раз когда картинка показывается — она должна конвертироваться в WebP. Обычно это задерживает страницу. У нас конвертация происходит в фоне после того как страница уже показалась — первый посетитель не замечает задержки, следующие достают готовый WebP мгновенно. ⚠ Без этого: первый посетитель после очистки кеша ждёт лишних полсекунды — и воспринимает сайт как медленный. ✓ Визуальный конструктор водяного знака — drag&drop Вместо того чтобы задавать координаты в пикселях («X=120, Y=340») и смотреть что получилось — у нас на экране ваше реальное фото товара, перетаскиваете мышью знак на нужное место, настраиваете размер/прозрачность/наклон визуально. Как в Photoshop, только в админке OpenCart и сразу для всего каталога. ⚠ Без этого: настраиваете знак в Photoshop и потом вручную ставите на 1000 фото = неделя работы. ✓ Водяной знак — картинка ИЛИ текст Загружаете PNG-логотип с прозрачным фоном — или просто пишете текст (например название магазина, домен сайта) и выбираете шрифт, размер, цвет, обводку. ⚠ Без этого: покупаете отдельный watermark-плагин за $15-30 дополнительно. ✓ Водяной знак одинаково выглядит на всех размерах Настроили один раз — модуль автоматически адаптирует знак к каждому размеру миниатюры. На карточке товара (800px) знак выглядит одного размера, на миниатюре в каталоге (300px) — пропорционально меньший. Не портит макет. ⚠ Без этого: знак на 1200px нормальный, а на миниатюре 300px занимает пол-экрана и ломает каталог. ✓ Превью на реальном товаре В конструкторе выбираете из вашего каталога конкретный товар (например светлое фото на белом фоне и тёмное на чёрном) — и смотрите как ваш знак будет выглядеть. Перетащили — обновилось мгновенно. Так вы не ошибётесь с цветом/позицией прежде чем залить на 5000 товаров. ⚠ Без этого: настроили по одному примеру, залили — и видите что на чёрном фоне ваш чёрный знак не виден. А кеш уже сгенерирован. ✓ Водяной знак только на больших фото В списке «похожих товаров» миниатюры 100×100. Знак на них всё равно нечитаем и только портит вид. Настраиваете минимальный размер для знака (по умолчанию 300×300) — меньше этого размера модуль не ставит знак. Карточка товара получает знак, мелкая иконка — нет. ⚠ Без этого: знак лепится на все миниатюры, в списке «4 квадратика 100×100 с логотипом» покупатель не понимает что там за товары. ✓ Несколько наборов водяного знака — для разных случаев Один знак для обычного каталога (логотип в углу), другой для распродажи (текст «-30%» по центру), третий без знака для категории «B2B партнёрам». Переключаете настройки одним кликом — не надо переналаживать всё заново. ⚠ Без этого: под каждую акцию переналаживаете знак с нуля и возвращаетесь — каждый раз полчаса. ✓ Знак только на фото товаров, не на категориях/производителях Логотип Apple на фото iPhone — нарушение авторских прав. Ваш знак на баннере «Электроника» — выглядит как хакерство. Модуль ставит знак ТОЛЬКО на фото товаров, другие категории картинок (баннеры, лого производителей, категории) остаются чистыми. ⚠ Без этого: знак на лого производителя = претензии от правообладателей. ✓ В админке видите чистые фото без знака Когда вы редактируете товар — видите оригинальное фото без водяного знака. Знак появляется только на сайте для покупателей. Не путает вас при работе. ⚠ Без этого: работаете в админке и всё время смотрите на свой же знак на собственных фото — лишний визуальный шум. ✓ Кнопка «Перегенерировать весь кеш» Изменили настройки качества или водяной знак — и хотите чтобы все картинки сразу обновились без ожидания. Нажимаете кнопку, видите прогресс-бар, ждёте — и весь каталог со свежим кешем. Без этого первые посетители неделю достают медленные рендеры пока сайт сам прогенерирует. ⚠ Без этого: изменили качество — и в течение недели первые посетители страниц достают медленные рендеры через регенерацию кеша. ✓ Исключение определённых путей из обработки Не хотите чтобы модуль трогал баннеры главной страницы или платёжные логотипы? Укажите эти пути в настройках — модуль их обходит. Остальная часть сайта обрабатывается как всегда. ⚠ Без этого: WebP-подмена задевает баннеры и платёжные иконки, ломая дизайн страниц. ✓ Безопасное удаление с восстановлением оригиналов Если передумали — модуль чисто удаляется: возвращает OpenCart к стандартной логике работы с картинками, чистит кеш, восстанавливает оригинальный код. Никаких хвостов в базе или файлах. Риска сломать магазин нет. ⚠ Без этого: дешёвые модули оставляют хвосты после удаления — потом неделями ищете в логах причины глюков. Совместимость и системные требования OpenCart 3.x и ocStore 3.x. OC 2.3 — в роадмапе (форк image_pro_oc23/ после стабилизации 3.x) PHP 7.4 или выше (тестировано на 7.4, 8.1, 8.3) ionCube Loader 14 или выше — модуль закодирован ionCube Encoder 15 Один из трёх backends: PRO: Imagick PECL extension (extension=imagick.so) — рекомендуется, самое быстрое STANDARD: ImageMagick CLI (convert) + cwebp — fallback, на 30-40% медленнее MINIMAL: PHP GD с WebP-поддержкой — минимум, ниже качество ресайза Запись в image/cache/ и image/cache/webp/ (chmod 755 или 775) Работает с любым шаблоном — модуль на уровне response.php и model/tool/image.php (НЕ правки twig) FreeType (для текстового watermark — Phase 5) На форуме размещён технический ZIP с инструкцией. Установочная сборка готовится индивидуально: напишите в личные сообщения, укажите домен, версию PHP, ionCube Loader и версию OpenCart. ionCube Loader — обратите внимание! Модуль закодирован ionCube Encoder 15. Для работы нужен ionCube Loader версии 14 или выше. Если у вас на хостинге установлен Loader 13.x или ниже — модуль не запустится. Проверить версию: php -m | grep ionCube или через phpinfo(). Если нужна версия для старого Loader-а — пишите в личные, сделаем легаси-сборку. Возможные конфликты и как их обойти OcBox Image Pro встраивается в OpenCart через два OCMOD-а: system/library/response.php (для WebP-подмены в HTML) и catalog/model/tool/image.php (для MD5 + WebP dual-write). Возможные конфликты и их решение: OCMOD-ы шаблонов — некоторые премиум-шаблоны (например UpStore, CyberStore в определённых версиях) сами переписывают response.php или добавляют свою image-логику. Если после установки Image Pro картинки не показываются или страница белая — временно отключите OCMOD шаблона через Расширения → Модификации → Disable, перезагрузите кеш OpenCart и кеш браузера. Jet Cache (Jet Cache и подобные full-page cache модули) — кешируют HTML-вывод ДО того как наш OCMOD его обработает. Результат: WebP-подмена не работает, посетители получают старую кеш-версию с JPEG. Решение — либо полностью отключить Jet Cache, либо настроить его exclude pattern для image/cache/ URLs (если такой exclude поддерживается). Лучше совсем отключить — Image Pro сам по себе даёт лучшую скорость страниц чем full-page cache благодаря WebP. Что делать при конфликте: зайти в Расширения → Модификации, отключить подозрительные OCMOD-ы по очереди, каждый раз делать Refresh + чистить image/cache/, пока картинки не вернутся. Если сами не разобрались — пишите в личные сообщения, поможем. Продление лицензии на обновления В стоимость модуля уже входит год обновлений. Далее продление по той же цене ежегодно, чтобы получать новые версии (доступ к скачиванию предоставляется после оплаты). Если не продлевать, модуль продолжает работать как и раньше, просто без новых версий. Клиенты, купившие до введения продлений, сохраняют условия на дату покупки. Продление не включает повторную ionCube-компиляцию, установку и персональные консультации. Лицензия действует на домен магазина и тестовый домен. Регламент выдачи файлов модуля В рабочие дни в рабочее время файл модуля передаётся покупателю в течение суток с момента оплаты, как правило менее чем за час. В выходные дни и официальные (государственные) праздники возможны задержки — модуль будет отправлен с наступлением ближайшего рабочего дня. Благодарим за понимание. Нашли ошибку в работе модуля? Напишите в тему поддержки или в личные сообщения: ссылку на страницу, что вы делали, что произошло, и текст ошибки. Как за пять минут включить показ ошибок, найти журнал и увидеть ошибки в консоли браузера, пошагово со скриншотами: Ошибки на сайте OpenCart: как их включить, найти и передать разработчику (статья на украинском языке). С таким отчётом мы исправляем проблему значительно быстрее. Рекомендуемые платные модули OcBox Smart Related $30: связанные товары SEO FAQ AI $30: AI FAQ + Schema.org AI Chat $100: AI-консультант 24/7 AI Product Editor $50: массовое редактирование PageSpeed Suite $40: ускорение сайта Category Manager $30: визуальный менеджер категорий AI Photo Studio $50: AI-обработка фото Product Showcase $25: хиты, новинки, акции AI Smart Search $200: AI-поиск с синонимами Filter $30: умный фильтр + SEO Remarketing $40: ремаркетинг и аналитика PaymentHub $80: хаб оплат ShippingHub $80: хаб доставок SmartOrder $30: быстрый заказ Shipping Rules $30: правила доставки AI Мегарепорти $20: отчёты и Telegram-дайджест Product Bundles $30: комплекты и наборы Simple Super Search $50: нечёткий поиск без Sphinx OcBox MEGA $30: шаблон и комплект модулей AI Quiz $50: AI-квиз подбора товаров Універсальний імпорт $50: импорт прайсов поставщиков Відгуки Pro $30: отзывы с фото и видео Варіанти товару $30: матрица размер и цвет ChatGPT Ads $10: реклама в ChatGPT Кинутий кошик $10: возврат брошенных корзин Admin MCP $10: AI-управление админкой Вчасно.Каса $10: фискализация чеков Рупор $40: email, SMS, Viber, Telegram рассылки Order Editor $40: редактирование заказов как человек CRM Hub $40: единая панель заказов Мультивалютні товари $10: цена в валюте поставщика Експорт у XML $10: экспорт заказов в XML SEO Manager $40: SEO-аудит и AI-исправление OcBox MEGA уже вышел: готовый магазин на OpenCart 3 Шаблон и семь модулей OcBox в одном комплекте: быстрое оформление SmartOrder, живой поиск, фильтр, аналитика и ремаркетинг, отзывы с фото, микроразметка и вход через соцсети. Ставите, настраиваете цвета и блоки главной, и магазин уже продаёт. Первым 100 покупателям $30 вместо $200. Смотреть OcBox MEGA → Живое демо → Подписывайтесь на наш канал: t.me/ocboxchannel Добавил OcBox Добавлено 26.04.2026 Категория Кешування, стиснення, прискорення OpenCart.Pro, ocShop Не проверялось
- 7 відповідей
-
- webp
- avif
-
(і ще 28)
Теги:
- webp
- avif
- imagemagick
- image compress
- image convert
- image resize
- image optimization
- watermark
- водяной знак
- водяний знак
- lazy load
- ленивая загрузка
- лінива загрузка
- оптимизация изображений
- оптимізація зображень
- сжатие изображений
- стискання зображень
- конвертация изображений
- конвертація зображень
- уменьшение картинок
- зменшення картинок
- page speed
- pagespeed
- оптимизация сайта
- оптимізація сайту
- md5 переименование фото
- md5 rename
- анонимизация фото
- image anonymizer
- image
-
Версія 2.1.1
▎ 🎁 Розіграш: [модуль безкоштовно] на вибір! ▎ До [6 листопада, 20:00] — участь безкоштовна, потрібні лише пошта й нікнейм на форумі. Усі учасники гарантованоотримають промокод на знижку [20%]. ▎ 👉 Взяти участь Модуль вирішує проблему тривалого завантаження iframe з youtube та збільшує page speed. Дозволяє додавати відео youtube та vimeo у полях описів сторінок, додавати відео шорткордами, збирати відео у галерею на сторінці товару, відображати відео у popup Всі вставки iframe з відео на вашому сайті перед виведенням на сторінку будуть автоматично замінені на прев'ю відео у вигляді зображень, які підтягуються з img.youtube.com/vi. Увага! Модулю все одно, яким чином у вас реалізований виведення відео (через додаткові поля, опис товару, додаткові вкладки або прямо у файлі), він збирає кінцевий код iframe і замінює на свій при рендерингу сторінки системою opencart. Весь ваш функціонал залишається на місці і відео додаєте на сайт як і раніше. У будь-який момент модуль можна вимкнути. НАВІЩО Всі знають, що iframe з відео дуже завантажують сторінку і зменшують швидкість завантаження сайту. Особливо це відчутно (і навіть візуально видно), якщо на сторінці багато відео (кожен iframe це додаткові запити і ресурси). Бонус - галерея відео та зручне додавання відео на сайт МОЖЛИВОСТІ підтримка youtube, youtube shorts, vimeo зручна вставка відео шорткодами відео по кліку на прев'ю спливаюче вікно з відео по кліку на прев'ю своє зображення для прев'ю вибір розміру прев'ю налаштування іконки 'play' (зображення, font awesome, html) та стилізація збирання відео у галерею на основі доданих iframe та шорткодів у описі товару вибір позиції галереї та її стилізація іконка відео у категорії іконка відео у товарі (як опція відкриття галереї по кліку) 2 режими роботи галереї можливо вказати шляхи для виключення роботи модуля поля для кастомних стилів та js ОСОБЛИВОСТІ буде працювати на всіх шаблонах та усіх сторінках максимально легкий модуль без залежностей (всього пару рядків css і ванільного js, жодних бібліотек) буде працювати навіть без бутстрапу та jquery відкритий код повна версія 2.0 лише для opencart/ocstore 2.2+, для старіших - версія 1 ДЕМО Адмінка https://oc3.likedev.pro/admin/ логін/пароль: demo/demo товар https://oc3.likedev.pro/imac стаття https://oc3.likedev.pro/6-video ЗАСТОСУВАННЯ збільшення швидкості завантаження і в результаті кращий показник page speed зручне додавання відео на сайт кастомизація зовнішнього вигляду відео прев'ю організація галереї відео у картці товару без ризику для швидкості сайту виведення відео у popup дозволити показувати ваші iframe навіть на обмеженому просторі підміна прев'ю на свої дозволить поставити потрібні вам зображення для відео та прикрасити сайт Щоб не було чорних смуг, можна поставити заставки до відео на каналі youtube або завантажити свої в папку модуля. 6 відео - різниця 30-50% Модуль вимкнено: https://oc23.likedev.pro/6-video?disable-video-optim і page speed 49/33 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile Модуль увімкнений https://oc23.likedev.pro/6-video і page speed 92/75 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video Сторінка та сама, тільки в першому випадку доданий параметр ?disable-video-optim щоб модуль не спрацьовував і можна було побачити різницю. 1 відео - різниця 10-30% І навіть з 1 відео показник досить просідає, особливо для мобільних пристроїв Модуль вимкнений: https://oc23.likedev.pro/1-video?disable-video-optim і page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop Модуль увімкнений: https://oc23.likedev.pro/1-video і page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile Крім того візуально набагато симпатичніше прев'ю з іконкою, ніж ютубовський iframe, та й можливість відкриття відео в popup теж дуже корисна. + ми можемо через css стилі кастомізувати прев'ю як нам завгодно. ВАЖЛИВО! Рекомендую використовувати режим POPUP для кращої сумісності з шаблонами, розміткою та адаптивністю відео. ВСТАНОВЛЕННЯ відео вставновлення (Тільки тут фікс не потрібен, інше - так само) Через установник в адмінці завантажуєте архів модуля ocmod для своєї версії опенкарт. Для версій 2.x переконайтеся, що у вас вже встановлено модифікатор localcopy. ocmod, якщо його немає – встановіть. PS. Для редактора CKeditor при вставці в режимі коду деяких тегів, у тому числі iframe, редактор їх чистить. У такому випадку робимо фікс: в admin\view\javascript\ckeditor\config. js після рядка config. resize_enabled = false; прописати config. allowedContent = true; Важливо: При використанні версії 2.0 модуля та модуля Accordion & Tabs переконайтеся, що Accordion & Tabs у вас версії 2.1.1, де випралена проблема сумісної роботи цих модулів. ОНОВЛЕННЯ до версії 2.0: 1. Видалити модифікатор старої версії модуля Youtube lazy load and popup 2. Оновити модифікатори 3. Встановити архів нової версії як звичайне доповнення через установщик 4. У списку розширень видалити модуль та встановити заново ЛІЦЕНЗІЯ Ліцензія видається на один домен. Також при необхідності на тестовий піддомен. Ключ буде надіслано автоматично на пошту покупця одразу після вашого замовлення. Якщо з якоїсь причини листа немає - пишіть на пошту чи лс. ПРОХАННЯ ВКАЗАТИ ДОМЕН ВІДРАЗУ ПРИ КУПІВЛІ Також дивіться модулі: Accordion & Tabs & Steps v2 - конструктор контенту Smart Video Widgets - відео в фоні, банера, зображення, сповіщення з налаштуванням умов показу Google Reviews - відгуки з гугл карт (Google Business) з віджетом довіри + відгуки про товари Grapes Web Builder - більше ніж візуальний редактор20.00 USD -
900грн Завантажити / Придбати розширення YouTube lazy load & popup - вставка відео з youtube, vimeo, галерея відео, оптимізація page speed сторінок з відео ▎ 🎁 Розіграш: [модуль безкоштовно] на вибір! ▎ До [6 листопада, 20:00] — участь безкоштовна, потрібні лише пошта й нікнейм на форумі. Усі учасники отримають промокод на знижку [20%]. ▎ 👉 Взяти участь Модуль вирішує проблему тривалого завантаження iframe з youtube та збільшує page speed. Дозволяє додавати відео youtube та vimeo у полях описів сторінок, додавати відео шорткордами, збирати відео у галерею на сторінці товару, відображати відео у popup Всі вставки iframe з відео на вашому сайті перед виведенням на сторінку будуть автоматично замінені на прев'ю відео у вигляді зображень, які підтягуються з img.youtube.com/vi. Увага! Модулю все одно, яким чином у вас реалізований виведення відео (через додаткові поля, опис товару, додаткові вкладки або прямо у файлі), він збирає кінцевий код iframe і замінює на свій при рендерингу сторінки системою opencart. Весь ваш функціонал залишається на місці і відео додаєте на сайт як і раніше. У будь-який момент модуль можна вимкнути. НАВІЩО Всі знають, що iframe з відео дуже завантажують сторінку і зменшують швидкість завантаження сайту. Особливо це відчутно (і навіть візуально видно), якщо на сторінці багато відео (кожен iframe це додаткові запити і ресурси). Бонус - галерея відео та зручне додавання відео на сайт МОЖЛИВОСТІ підтримка youtube, youtube shorts, vimeo зручна вставка відео шорткодами відео по кліку на прев'ю спливаюче вікно з відео по кліку на прев'ю своє зображення для прев'ю вибір розміру прев'ю налаштування іконки 'play' (зображення, font awesome, html) та стилізація збирання відео у галерею на основі доданих iframe та шорткодів у описі товару вибір позиції галереї та її стилізація іконка відео у категорії іконка відео у товарі (як опція відкриття галереї по кліку) 2 режими роботи галереї можливо вказати шляхи для виключення роботи модуля поля для кастомних стилів та js ОСОБЛИВОСТІ буде працювати на всіх шаблонах та усіх сторінках максимально легкий модуль без залежностей (всього пару рядків css і ванільного js, жодних бібліотек) буде працювати навіть без бутстрапу та jquery відкритий код повна версія 2.0 лише для opencart/ocstore 2.2+, для старіших - версія 1 ДЕМО Адмінка https://oc3.likedev.pro/admin/ логін/пароль: demo/demo товар https://oc3.likedev.pro/imac стаття https://oc3.likedev.pro/6-video ЗАСТОСУВАННЯ збільшення швидкості завантаження і в результаті кращий показник page speed зручне додавання відео на сайт кастомизація зовнішнього вигляду відео прев'ю організація галереї відео у картці товару без ризику для швидкості сайту виведення відео у popup дозволити показувати ваші iframe навіть на обмеженому просторі підміна прев'ю на свої дозволить поставити потрібні вам зображення для відео та прикрасити сайт Щоб не було чорних смуг, можна поставити заставки до відео на каналі youtube або завантажити свої в папку модуля. 6 відео - різниця 30-50% Модуль вимкнено: https://oc23.likedev.pro/6-video?disable-video-optim і page speed 49/33 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile Модуль увімкнений https://oc23.likedev.pro/6-video і page speed 92/75 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video Сторінка та сама, тільки в першому випадку доданий параметр ?disable-video-optim щоб модуль не спрацьовував і можна було побачити різницю. 1 відео - різниця 10-30% І навіть з 1 відео показник досить просідає, особливо для мобільних пристроїв Модуль вимкнений: https://oc23.likedev.pro/1-video?disable-video-optim і page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop Модуль увімкнений: https://oc23.likedev.pro/1-video і page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile Крім того візуально набагато симпатичніше прев'ю з іконкою, ніж ютубовський iframe, та й можливість відкриття відео в popup теж дуже корисна. + ми можемо через css стилі кастомізувати прев'ю як нам завгодно. ВАЖЛИВО! Рекомендую використовувати режим POPUP для кращої сумісності з шаблонами, розміткою та адаптивністю відео. ВСТАНОВЛЕННЯ відео вставновлення (Тільки тут фікс не потрібен, інше - так само) Через установник в адмінці завантажуєте архів модуля ocmod для своєї версії опенкарт. Для версій 2.x переконайтеся, що у вас вже встановлено модифікатор localcopy. ocmod, якщо його немає – встановіть. PS. Для редактора CKeditor при вставці в режимі коду деяких тегів, у тому числі iframe, редактор їх чистить. У такому випадку робимо фікс: в admin\view\javascript\ckeditor\config. js після рядка config. resize_enabled = false; прописати config. allowedContent = true; Важливо: При використанні версії 2.0 модуля та модуля Accordion & Tabs переконайтеся, що Accordion & Tabs у вас версії 2.1.1, де випралена проблема сумісної роботи цих модулів. ОНОВЛЕННЯ до версії 2.0: 1. Видалити модифікатор старої версії модуля Youtube lazy load and popup 2. Оновити модифікатори 3. Встановити архів нової версії як звичайне доповнення через установщик 4. У списку розширень видалити модуль та встановити заново ЛІЦЕНЗІЯ Ліцензія видається на один домен. Також при необхідності на тестовий піддомен. Ключ буде надіслано автоматично на пошту покупця одразу після вашого замовлення. Якщо з якоїсь причини листа немає - пишіть на пошту чи лс. ПРОХАННЯ ВКАЗАТИ ДОМЕН ВІДРАЗУ ПРИ КУПІВЛІ Також дивіться модулі: Accordion & Tabs & Steps v2 - конструктор контенту Smart Video Widgets - відео в фоні, банера, зображення, сповіщення з налаштуванням умов показу Google Reviews - відгуки з гугл карт (Google Business) з віджетом довіри + відгуки про товари Grapes Web Builder - більше ніж візуальний редактор Автор Seriusis Опубліковано 12.11.20 Категорія Модулі OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х
-
Добрый день. Необходим аудит проекта. Не устраивает скорость ответа сервера, загрузки и отрисовки страниц и т.д. В первую очередь необходимо понять, как оптимизировать страницы категорий и товаров, далее главная и блог, страницы подборов. Пример по странице товара (кэш браузера отключен): Пример категории (кэш браузера отключен): В идеале стремление к TTFB < 200 мс, DOM < 1 c, Load < 2 c (по-другому все показатели Google Page Speed для мобильных и десктопов в зеленой зоне). От вас нужен понятный чек-лист по шагам, что сделать, чтобы этого добиться (минификация скриптов, более производительный сервер и т.д.) и что даст каждый шаг оптимизации (в цифрах не надо - понятно, что это "вилами по воде", но хотя бы как улучшит в общих чертах). ВАЖНО: Различные кэширователи - последний инструмент, о котором стоит вести речь. На это есть 2 причины: 1. Страниц у проекта много (35 К+) и все их не закэшируешь, но краулеры будут обходить все и будут считать, что в целом сайт - плохой. 2. Мы уже пробовали 2 раза внедрять кэширование на базе инструментов различных - начинает ехать верстка, перестают работать формы и тд. БЮДЖЕТ: 5 000 Р P.s. Если есть вопросы - задавайте, за технические и логические ошибки - не ругайте, ибо не программист и могу "плавать" в разных вопросах.