Jump to content

Recommended Posts

 

 

Помните историю про картинки-невидимки WEBP, которые создает GD для части картинок?

 

вот вам такая картинка после GD.

slojprizma-1-100x100.webp

 

вы ее увидите в FireFox, но не увидите в Хроме.

вот она просто ссылкой:

https://watermark.sitecreator.pro/img_test/webp/slojprizma-1-100x100.webp

 

Вот так это выглядит в Хроме:

 

sitecreator_ru_yyWbm8GBeq.jpg

 

В FireFox это выглядит так:

 

sitecreator_ru_YSLKrX6s5N.jpg

 

 

 

Начиная с версии 2.0.3 в модуле Компрессор устранена проблема картинок-невидимок, создаваемых графической библиотекой GD.

Проблема порождена багом в библиотеке php GD, баг этот до сих пор не устранен разработчиком php GD.

Но модуль Компрессор теперь научился компенсировать данный баг, а потому картинки WEBP теперь нормальные даже после GD, который можно использовать при отсутствии других альтернатив по созданию WEBP.

 

Но при прочих равных рекомендуется использовать cwebp или imagick для генерации WEBP.

В модуле вы можете выбирать движок (инструмент создания) webp сами.

 

sitecreator_ru_Yw8Bdbb5Bc.jpg

 

 
  •  

Share this post


Link to post
Share on other sites
В 06.06.2019 в 15:29, fanton123 сказал:

Как быть с фоном webp при конвертации из png? У меня черный получается.

 

в модуле Компрессор с этим нет проблем.

 

 

Share this post


Link to post
Share on other sites
В 20.05.2019 в 15:35, sebades сказал:

С них я попробовал jpeg 2000.

 

никакого в этом смысла нет. его понимает единственный браузер, который по недоразумению не хочет понимать webp.

 

В 20.05.2019 в 15:35, sebades сказал:

Перевод всего в WEBP Только наделает вам проблем

 

Чтобы проблем не было нужно хорошо разбираться в этом вопросе.

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

 

Бесплатные решения даже близко не учитывают всевозможные особенности сайта и хостинга.

Все учтено и все решено при максимальной скорости создания WEBP в коммерческом модуле:

 

https://opencartforum.com/files/file/4572-image-compressor-watermark-webp-lazy-load-etc-by-sitecreator/

 

Модуль совместим практически со всем, что используется.

Share this post


Link to post
Share on other sites
Posted (edited)
В 22.04.2019 в 12:44, OCappLab сказал:

Привел все в вид модификатора, ocmod получился вот такой.

На тестовом своем сайте проверял, все работает.

 

Все что было добавлено в index.php поместил в header.php.

 

Проверяйте, тестируйте.

 

UP: перезалил файл

 

UP: Работает на OpenCart 2.3, 3.0

 

UPPP: Возможно решение на Вашем сервере или хостинге не будет работать! УСТАНАВЛИВАТЬ ТОЛЬКО, КАК ТЕСТОВЫЙ ВАРИАНТ!!!

 

opencart_webp.ocmod.xml 4 \u043a\u0411 · 158 downloads

на 3 версии в админке фото битые, если перейти по ссылке картинки
почему-то такая ошибка выскакивает https://prnt.sc/r9yop4
по ходу он jpg файл считает png
как исправить?

Edited by kardinals

Share this post


Link to post
Share on other sites

Сам написал, сам отвечаю, убрал из модификатора, часть которая в добавляет строки для header.php в контроллере (админка)

Share this post


Link to post
Share on other sites
Posted (edited)

Костыль, но помогает избежать проблем с "черным изображением" 
 

$fpr=fopen($file, 'a+');
fwrite($fpr, chr(0x00));
fclose($fpr);

Рабочий модификатор

 

webp-gd-oc23.ocmod.xml

Edited by tsmax

Share this post


Link to post
Share on other sites
17 часов назад, tsmax сказал:

Костыль, но помогает избежать проблем с "черным изображением" 
 


$fpr=fopen($file, 'a+');
fwrite($fpr, chr(0x00));
fclose($fpr);

Рабочий модификатор

 

webp-gd-oc23.ocmod.xml 2 \u043a\u0411 · 1 download

 

У png фон с прозрачного меняется на черный

Share this post


Link to post
Share on other sites
В 13.03.2020 в 20:10, BAH0 сказал:

У png фон с прозрачного меняется на черный

кто-то смог решить для opencart 3? 

Share this post


Link to post
Share on other sites
В 06.12.2019 в 00:26, sitecreator сказал:

 

никакого в этом смысла нет. его понимает единственный браузер, который по недоразумению не хочет понимать webp.

 

 

Чтобы проблем не было нужно хорошо разбираться в этом вопросе.

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

 

Бесплатные решения даже близко не учитывают всевозможные особенности сайта и хостинга.

Все учтено и все решено при максимальной скорости создания WEBP в коммерческом модуле:

 

https://opencartforum.com/files/file/4572-image-compressor-watermark-webp-lazy-load-etc-by-sitecreator/

 

Модуль совместим практически со всем, что используется.

 

Никаких проблем не будет, если использовать правильные плагины. Даже в панель хостинга  заходить не нужно (только если директория создастся, конечно)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By markimax
      1 490.00 руб
      Скачать/Купить дополнение


      Jet Cache - кеширование, pagespeed, оптимизация для магазинов

       

      Логин / пароль:
      demo / demo
       
      Документация  
      Более 10`000 интернет магазинов выбрали для работы
      JET CACHE - быстрая система кеширования страниц, контроллеров и методов моделей opencart
      Pagespeed оптимизация
      Возможности
       
      - оптимизация под Google pagespeed (минификация, перенос скриптов css и js)
        - кеширует полностью страницы при полной интеграции с opencart (позволяет кешировать и для зарегистрированных пользователей и изменений корзины а также в зависимости от изменений в модулях)  
      - кеширует выбранные контроллеры (т е фактически  любые модули, будь то меню или т.п. а также полностью кеширует позиции (уникальная технология которая не реализовано ни в одном модуле кеширования для opencart) (с))  
      - подгрузка ajax любых контроллеров   - кеширует методы моделей opencart (подсчет количества товаров и т п )   - кеширование запросов   - конвертер изображений в формат WEBP  
      - простая установка и обновление  
      - гибкие настройки  
      - поддержка мультиязычности  
      - поддержка мультимагазинов  
      - поддержка протоколов https и http  
      - совместимость с любой темой, любыми модулями, которые соответствуют стандартам программирования  
      - поддержка кеширования sitemap Чем модуль лучше других
       
      - уникальные технологии кеширования не имеющие аналогов в opencart (технология полной интеграции с opencart, в отличии от всех кешировщиков которые сделаны по технологии v2pagecache, которые не интегрированы в opencart)  
      - модуль работает с любыми темами и модулями Требования
       
      Opencart (любой версии) или любая сборка на нем (ocStore, Opencart.PRO, или другие) PHP 5.3 или выше
      Для конвертирования и сжатия изображений в формат webp необходима стандартная функция php proc_open или exec Модуль НЕ заменяет файлы системы Модуль НЕ использует ioncube  
      Совместимость модуля
       
      Opencart 1.5.x,  2.x, 3.x или любая сборка на нем (ocStore, Opencart.PRO, или другие) Любая тема или любые модули (которые сделаны без ошибок, согласно стандартов программирования или верстки) для оpencart 1.5.x, 2.x, 3.x  
      Установка, настройка
       
      1. Скачать с сайта где вы купили модуль, последнюю версию модуля.
      2. Установите модуль через штатный установщик дополнений opencart "Установка дополнений" или скопируйте (через FTP) файлы из архива (содержимое папки upload) в корневую папку сайта (там где index.php). (если вы копируете первый раз, система не должна запрашивать файлы на перезапись, так как модуль не перезаписывает никаких системных файлов opencart и ocStore). При обновлении перепишите файлы поверх. Если у вас пользовательская тема (не default)- ни в коем случае не переписывать файлы шаблонов модуля (из архива) к себе в тему.
      3. Если ваша версия opencart ниже чем 2.1 удалите по FTP папку (НЕ файл module.php, а именно папку) module в /admin/controller/extension/ (т. е. удалите папку /admin/controller/extension/module), так как вы не сможете зайти в меню Модули (Дополнения).
      4. Установите права доступа в /admin/index.php?route=user/user_permission&token=... (не забываем про вашу токен сессию &token=ваша сессия) для Главного администратора нажав на ссылку "изменить"
      5. Выделите "Разрешен просмотр" и "Разрешено внесение изменений" файлов модуля (если вы не знаете какие - нажмите ссылку "выделить всё") и нажмите кнопку "Сохранить"
      6. Зайдите в административную часть сайта /admin/index.php?route=extension/module и установите модуль, нажав на ссылку "установить"
      7. Зайти в главную модуля админ. части admin/index.php?route=jetcache/jetcache
      8. На главной модуля Jet Cache нажмите на таб "Установка и обновление"
      9. Нажмите на оранжевую кнопку "Установка и обновление модификаторов, данных модуля, выполняется при установке и обновлении модуля)".
      Установятся модификаторы модуля.
      10. Процедура установки закончена.  
      Лицензия Все права на модуль принадлежат разработчикам opencartadmin.com Условия использования лицензии: один домен - одна лицензия (покупка продукта для каждого домена). Условия использования лицензии - "на владельца". Далее... Добавил markimax Добавлено 15.03.2017 Категория Кэширование, сжатие, ускорение Системные требования PHP 5.4+ (для конвертирования и сжатия изображений в формат webp необходима стандартная функция php proc_open или exec) Метод активации Через официальный сайт дополнения Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена 590  
    • By markimax
      Логин / пароль:
      demo / demo
       
      Документация  
      Более 10`000 интернет магазинов выбрали для работы
      JET CACHE - быстрая система кеширования страниц, контроллеров и методов моделей opencart
      Pagespeed оптимизация
      Возможности
       
      - оптимизация под Google pagespeed (минификация, перенос скриптов css и js)
        - кеширует полностью страницы при полной интеграции с opencart (позволяет кешировать и для зарегистрированных пользователей и изменений корзины а также в зависимости от изменений в модулях)  
      - кеширует выбранные контроллеры (т е фактически  любые модули, будь то меню или т.п. а также полностью кеширует позиции (уникальная технология которая не реализовано ни в одном модуле кеширования для opencart) (с))  
      - подгрузка ajax любых контроллеров   - кеширует методы моделей opencart (подсчет количества товаров и т п )   - кеширование запросов   - конвертер изображений в формат WEBP  
      - простая установка и обновление  
      - гибкие настройки  
      - поддержка мультиязычности  
      - поддержка мультимагазинов  
      - поддержка протоколов https и http  
      - совместимость с любой темой, любыми модулями, которые соответствуют стандартам программирования  
      - поддержка кеширования sitemap Чем модуль лучше других
       
      - уникальные технологии кеширования не имеющие аналогов в opencart (технология полной интеграции с opencart, в отличии от всех кешировщиков которые сделаны по технологии v2pagecache, которые не интегрированы в opencart)  
      - модуль работает с любыми темами и модулями Требования
       
      Opencart (любой версии) или любая сборка на нем (ocStore, Opencart.PRO, или другие) PHP 5.3 или выше
      Для конвертирования и сжатия изображений в формат webp необходима стандартная функция php proc_open или exec Модуль НЕ заменяет файлы системы Модуль НЕ использует ioncube  
      Совместимость модуля
       
      Opencart 1.5.x,  2.x, 3.x или любая сборка на нем (ocStore, Opencart.PRO, или другие) Любая тема или любые модули (которые сделаны без ошибок, согласно стандартов программирования или верстки) для оpencart 1.5.x, 2.x, 3.x  
      Установка, настройка
       
      1. Скачать с сайта где вы купили модуль, последнюю версию модуля.
      2. Установите модуль через штатный установщик дополнений opencart "Установка дополнений" или скопируйте (через FTP) файлы из архива (содержимое папки upload) в корневую папку сайта (там где index.php). (если вы копируете первый раз, система не должна запрашивать файлы на перезапись, так как модуль не перезаписывает никаких системных файлов opencart и ocStore). При обновлении перепишите файлы поверх. Если у вас пользовательская тема (не default)- ни в коем случае не переписывать файлы шаблонов модуля (из архива) к себе в тему.
      3. Если ваша версия opencart ниже чем 2.1 удалите по FTP папку (НЕ файл module.php, а именно папку) module в /admin/controller/extension/ (т. е. удалите папку /admin/controller/extension/module), так как вы не сможете зайти в меню Модули (Дополнения).
      4. Установите права доступа в /admin/index.php?route=user/user_permission&token=... (не забываем про вашу токен сессию &token=ваша сессия) для Главного администратора нажав на ссылку "изменить"
      5. Выделите "Разрешен просмотр" и "Разрешено внесение изменений" файлов модуля (если вы не знаете какие - нажмите ссылку "выделить всё") и нажмите кнопку "Сохранить"
      6. Зайдите в административную часть сайта /admin/index.php?route=extension/module и установите модуль, нажав на ссылку "установить"
      7. Зайти в главную модуля админ. части admin/index.php?route=jetcache/jetcache
      8. На главной модуля Jet Cache нажмите на таб "Установка и обновление"
      9. Нажмите на оранжевую кнопку "Установка и обновление модификаторов, данных модуля, выполняется при установке и обновлении модуля)".
      Установятся модификаторы модуля.
      10. Процедура установки закончена.  
      Лицензия Все права на модуль принадлежат разработчикам opencartadmin.com Условия использования лицензии: один домен - одна лицензия (покупка продукта для каждого домена). Условия использования лицензии - "на владельца". Далее...
    • By sitecreator
      3 300.00 руб
      Скачать/Купить дополнение


      Hi-Optimizer for Opencart - интеллектуальный оптимизатор сайта для повышения скорости загрузки страниц и оценки pagespeed google
      Максимальное ускорение вашего сайта. Бесплатная настройка от автора.
      Бесплатное тестирование до 7 дней при получении тестового ключа по договоренности с автором.
      При этом (для теста) автор также бесплатно может установить и настроить модуль Hi-Optimizer.
       
      Совместим с opencart 1.5, 2.*.*, 3.0.*
      Совместим с opencart (ocstore) 1.5 также.

      Позволяет оптимизировать с целью максимального увеличения скорости загрузки страниц:
      стили (CSS) скрипты (JavaScript) объединение, минификация CSS и т.п. откладывание выполнения JavaScript с малым приоритетом возможность асинхронной загрузки как определенных CSS, так и JavaScript оптимизация всевозможных метрик (Яндекс и др.), аналитик (Гугл, Фейсбук и др.)[с определенной осторожностью и по желанию, не является обязательным] оптимизация всевозможных виджетов (Яндекс, Фейсбук, В Контакте и др. ) виджеты могут загружаться при попадении их в зону просмотра (lazy load для виджетов) оптимизация всевозможных чатов (Jivosite, Яндекс и т.д) оптимизация карт Гугла и Яндекса (загружаются при попадении в зону видимости - lazy load для карт), и др. карт оптимизация загрузки фреймов (iframe) оптимизация видео-вставок Ютюб, youtube.com оптимизация загрузки и отображения шрифтов, причем, как из внешних источников, так и из CSS, загружаемых с вашего сайта отслеживание дублей CSS, JS и, соответственно, предотвращение их повторной загрузки оптимизация загрузки всевозможных Lightbox (magnific-popup, colorbox, fancybox) Основную работу по оптимизации модуль Hi-Optimizer способен выполнить самостоятельно в автоматическом режиме. Также можно в ручном режиме помечать любые скрипты, которым имеет смысл назначить низкий приоритет загрузки и выполнения. Такие скрипты будут выполняться только после загрузки страницы и ее важных компонентов.

      Есть несколько автоматических режимов оптимизации JavaScript , начиная с режима банального группирования скриптов в конце HTML, а также есть несколько режимов продвинутой оптимизации JavaScript. Модуль Hi-Optimizer использует продвинутые современные технологии распараллеливания загрузки скриптов и одновременного выполнения построения страницы, используются где необходимо асинхронная загрузка скриптов, отложенная загрузкаи и комбинация этих способов с синхронной загрузкой и выполнением.

      В модуле есть встроенный анализатор исходного кода страниц, который позволяет в ручном режиме визуально находить участки кода, которые требуют оптимизации. Такой анализатор непрерывно развивается и служит большим подспорьем для нахождения проблемных мест в коде HTML.

      За счет использовния модуля Hi-Optimizer будут выполнены максимально насколько возможно рекомендации Гугла (https://developers.google.com/speed/pagespeed/insights/). Это способствует существенному поднятию оценки Гугла и реальному ускорению.

      В настоящее время модуль Hi-Optimizer работает на самых разных сайтах ( примерное количество: 50+) на движке Opencart (OcStore) версий 1.5, 2.*, 3.0
       
      Модуль Hi-Optimizer не занимается кешированием медленно работающих скриптов php на вашем сервере (хостинге).
       
      Оптимизирует практически все, что загружается, работает и "крутится" в браузере пользователя. Особый упор сделан на оптимизацию работы программ (скриптов JS) на смартфонах.  Всевозможные минификации в данном случае играют лишь слабую второстепенную роль в оптимизации. Так, например, оптимизация загрузки и отображения  различных шрифтов  вносит гораздо более весомый вклад чем пресловутая минификация HTML или CSS.
      С учетом того, что на любом хостинге используется сжатие gzip для HTML, CSS, JS, то минификация играет крайне слабую роль в оптимизации, а гугл очень слабо оценивает минификацию (если вообще оценивает).
       
      Т.е. сейчас для оценки скорости загрузки страницы важны совсем другие факторы нежели минификация HTML. Поэтому в данном модуле вы не увидите минификацию HTML (по сути это бесполезная функция). Гораздо важнее скорость анализа CSS, выполнения JS и собственно рендеринг страницы.
       
      Если большой вес изображений, то будет также полезна оптимизация изображений (как их веса, таки и загрузки - lazy load).
       
       
       
      Демо-сайт:
       
      https://hi-optimizer.sitecreator.pro
       
      админка (переходить строго по ссылке, доступ к другим настройкам в админке запрещен):
      https://hi-optimizer.sitecreator.pro/admin/index.php?route=extension/module/hi_optimizer
      hioptimizer
      hioptimizer
       
       
      Оценка сайта гуглом
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F
       

       

       
       

       
       
      Часть список из нескольких десятков сайтов, на которых работает Hi-Optimizer:
       
       
       
      Можно по комментарию в исходном коде HTML увидеть, что работает Hi-Optimizer, а также получить дополнительную информацию (такую как потраченное время на оптимизацию страницы).
       
       

       
       
       
      Добавил sitecreator Добавлено 10.04.2020 Категория Кэширование, сжатие, ускорение Системные требования php 5.6 - 7.4, Ioncube Loader версии не ниже 10+ Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 0  
    • By mstkalenko
      Дополнение "Удаление файлов картинок вместе с товаром" позволяет удалять файлы изображений из папок в директории image/ относящиеся к удаляемому товару.
      Работоспособность проверялась на всех версиях Opencart и Ocstore.
      Установка 1.5.x
      Если у Вас нет vqmod, качаем тут и устанавливаем; Скопируйте содержимое папки upload в корень сайта. Установка 2.x и 3.x
      Устанавливаем ocmod как обычно через установщик Внимание! Если в магазине один и тот же файл изображения прикреплен к нескольким товарам, дополнение использовать не рекомендуется.
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.