Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator


Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator


webp + lazy load + watermark + др. оптимизация изображений

email разработчика: opencart@sitecreator.pro

sitecreator_ru_arS7utfEMX.jpgWEBP (создание и вывод) работает везде просто и надежно !

Поддерживаются практически любые операционные системы:

 

tux.pngLinux

logo-red.png

 

e4Lay31.png Windows 32bit 64bit

 

 

webp: модуль Компрессор позволяет создавать и выводить webp в браузеры, т.е. позволяет оптимизировать изображения формата jpeg и png.

Оптимизируются изображения, которые отдаются (передаются по сети при загрузке страниц сайта) в браузер пользователя.

Модуль позволяет отдавать старым браузерам без поддержки webp привычный формат jpeg/png.

Модуль не занимается обратным преобразованием webp в jpeg/png, т.к. для задач оптимизации изображений это не нужно.

Компрессор для opencart всех версий: 1.5, 2.* & 3.0

Для использования на opencart 1.5.* должен быть сперва установлен vqmod (если он отсутствует), обычно в 95% он уже присутствует в движке.

 

Ссылка на подробную документацию по установке:

Спойлер

Здесь была ссылка на подробную информацию по установке и документация. Документация имеется, есть возможность ознакомиться с ней до покупки модуля. Спрашивать у автора. Ввиду особенностей форума она тут не размещается корректно и целиком.

 

 

Гугл отмечает положительно в своем аудите выполнение рекомендаций по оптимизации изображений.

 

W0lViTb.png

 

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

 

Rq3Ksr2.png

 

 

Jmug35x.png

 

Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде почти без всяких условий! Важно чтобы была ОС Linux 64 bit / FreeBSD 11 (12, 13) 64bit или Windows (это будет в 99.9% случаев)  В данном решении предусмотрено практически все, включая совместимость с ускорителями Jet Cache (изначально полная совместимость), Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость), Nitropack (см. примечание по версиям ниже). Остальные кешеры тоже поддерживаются полностью или частично, но с определенными условиями.

WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.

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

Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux 64 бит / FreeBSD 11 (12, 13) 64bit и Windows. На любом обычном (общем) хостинге всегда работает одна из разновидностей Linux 64 бит, очень редко используется FreeBS. . Linux 32 бит требует наличия 32-х битного софта mozjpeg, optipng, cwebp, такой софт не входит в состав модуля ввиду полной нецелесообразности, т.к. 32-х битные ОС не использует ни один хостер в качестве обычного хостинга и не предлагается хостерами для установки на VDS.

 

Поддерживается любой современный браузер, способный отображать WEBP.  Старые браузеры без поддержки webp также не забыты, они получат соответственно jpeg, png.

 

Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на страницах сайта, и тем самым выполнить рекомендации Гугла по изображениям для вашего сайта.

 

Модуль уникальный в своем роде, т.к. обеспечивает совместимый вывод WEBP для новых браузеров, а старым отдает соответственно jpeg, png , это справедливо почти всегда и в случае использования облачных технологий вроде cloudflare.  Но с одним условием, что сам CloudFlare (или оное облако-кешеровщик) настроен на корректную работу с webp и браузерами с поддержкой webp и без нее. Если облако вроде CloudFlare неверно настроено, то webp может появиться на страницах с заметным опозданием или работать не вполне корректно, можете в таком случае отключить временно или совсем CloudFlare. В случае решений (которые есть в сети), например, "созданных на коленке"  вы рискуете оставить пользователей Сафари (старых версий до июля 2020)  вообще без изображений при использовании того же cloudflare.

 

Модуль Компрессор содержит набор различных возможностей, отчасти определенные возможности дублируют друг друга, например, есть поддержка нескольких вариантов сжатых изображений (mozjpeg, optipng, webp). Это не означает, что у любого хостера будет возможность использовать все возможности, но будет выбор доступного варианта. Т.е. модуль Компрессор предоставляет возможности с избытком, но нет гарантии, что они могут быть задействованы все одновременно. Например, вы по желанию и возможности можете использовать сжатие изображений за счет mozjpeg или webp,  но нет смысла использовать их одновременно, и такая задача одновременного использования не ставилась - разумно использовать лишь что-то одно.

 

    Модуль Компрессор создавался с целью выполнения рекомендаций гугла по оптимизации изображений и с целью передачи в браузер пользователя оптимизированных изображений.  Исходники (т.е. те, что не в кеше) изображений модуль не сжимает, т.к. в этом нет необходимости поскольку речь идет о загрузке в браузер оптимизированных по весу изображений.  Если на странице сайта есть изображение не из кеша изображений (из папки исходников, например, или из любой подобной папки), то для такого изображения будет создан оптимизированный вариант в формате WEBP, и именно WEBP будет передан в браузер, а исходник останется в качестве исходника в нетронутом виде.

   Основная цель - это уменьшить лишний трафик за счет передачи изображений в сжатом виде конечному пользователю чтобы у этого пользователя ваш сайт открывался быстрее и в целом работал быстрее.  У модуля нет основной цели экономии дискового пространства у хостера, хоть и это можно сделать за счет использования технологии mozjpeg для сжатия jpeg изображений в кеше изображений opencart. Но если webp работает в 99.9% случаев, то mozjpeg можно эффективно использовать в 90%.

 

 

sitecreator_ru_FXSX4hDpxq.jpg

 

 

Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.

Теперь настоящий комбайн для работы с изображениями.  Управление белыми полями изображений, фоном, размером, обрезкой картинок, отдельное управление изображениями для яндекс-маркета и т.д.

Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры").

"Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (функция proc_open php нужна для работы mozjpeg, optipng; но создание WEBP в режиме "по расписанию" не требует ее наличия в php, на котором работает ваш сайт)  и всегда на VDS.   Нужные функции (proc_open) вы можете сами включать даже на обычном хостинге (некоторые это позволяют, но не все).

Установка софта для сжатия изображений Опенкарт (mozjpeg и  optiPNG, WEBP) полностью автоматизирована в два клика на обычный хостинг и VDS (не требует знаний Linux).

 

 

Для разработчиков и веб-мастеров, устанавливающих модуль своим заказчикам действует скидка

 

Демо 2 (клиентская часть): http://watermark.sitecreator.pro

Демо 2 (админка): http://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator

 

Демо 1.5 (клиентская часть): http://watermark15.sitecreator.pro

Демо 1.5 (админка): http://watermark15.sitecreator.pro/admin/index.php?route=module/watermark_by_sitecreator

 

пользователь: DEMO

пароль: DEMO

 

Для Opencart 3.0 и Opencart 2.*

С поддержкой WEBP, Lazy Load и др.

Дистрибутив теперь универсальный (он один) для движка 2-й и 3-й версий.

Начиная с версии 1.18.3

 

 

совместим со всеми сборками версий движков Opencart (ocstoreopencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3), 3.0

Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)

 

 

 

Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.

 

Как избежать тормозов во время создания сжатых изображений?


При обновлении до версии 1.12.6+ нужно проявить внимание! Внедрена защита "от дурака".

 

 

Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д.

Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.

Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться.

Адаптивный ресайз (resize, обрезка) изображения.

 

 

Вот так работает WEBP Lazy Load модуля Компрессор.

Гугл одобряет!

 

sitecreator_ru_7EOQ4vkMBZ.gif

 

 

Как включить нужную для максимального сжатия функцию?

 (в случае работы режима cron для создания webp это необязательно)

 

Спойлер

 

нужные функции у многих хостеров вы можете сами включать или отключать.

Пример того как это делается у хостера http://ukraine.com.ua

 

d8514cf189.jpg

 

 

требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 

Ioncube Loader  (версия 10+)

Дистрибутив универсальный для всех версий PHP. Никаких отдельных файлов для разных версий! Только один установочный файл.

 

 

Ускорители (кешеры) не влияют на работу водяного знака и сжатых форматов mozjpeg, optipng, но могут неверно влиять на вывод webp.

 

Совместимые ускорители в плане WEBP, т.е. WEBP работает (выводится) корректно:

  • Jet Cache (все известные версии на момент выпуска модуля Компрессор версии 2.1.23)
  • Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость)
  • NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ). Это "старый Nitro". Больше не поддерживается, т.к. разработчик Нитро прекратил его продажу и поддержку.
  • nitropack.io / NitroPack IO (тестировался на версии 3.8.1 в режиме включенной в Компрессоре совместимости с кеширующим ускорителем. Не путать с просто "NitroPack"! Возможны некоторые ограничения.)
  • Boost (проверялось только на опенкарт 2.*, не могу судить о версии на которой тестировался, т.к. разработчик в модуле не указал версию. Возможно, что есть несовместимые версии)
  • Lightning (при включении опции совместимости с кеширующим ускорителем в Компрессоре и настройке в Lightning исключения для функции Компрессора [читайте инструкцию], в режиме совместимости эффективность использования webp может быть несколько снижена. Тестировалось на версии Lightning  3.38. Возможны некоторые ограничения.)

 

Начиная с версии 2.1.0 модуль Компрессор позволяет включить повышенную совместимость с почти любым кеширующим ускорителем в режиме вывода webp. Независимо от того была ли сделана специально адаптация модуля Компрессор под конкретный ускоритель или нет. Эта возможность экспериментальная по принципу "как есть", нельзя заранее утверждать, что это будет работать везде на 100%.

sitecreator_ru_ysXBHENjEG.jpg

 

Например, в таком режиме может работать ускоритель Lightning (но желательно отключить (уменьшить агрессивность) в нем оптимизацию (минификацию) Javascript для HTML).  В подавляющем большинстве случаев совместимость с Лайтингом работает, но нельзя гарантировать это со 100% для любого случая.

 

Несовместимые в плане вывода WEBP (за счет модуля) ускорители способны не мешать корректному выводу WEBP если данный вывод делать за счет средств сервера. Например, за счет NGINX Конфиг (config) NGINX для вывода WEBP на VDS   или Апачи при возможности (лимитирует хостер).

 

Модуль совместим в плане корректного вывода WEBP (и отдачи для старых Сафари и др. старых браузеров JPEG, PNG соответственно) с ускорителями/кешерами Jet Cache и Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) и, вероятно, с остальными.

Совместим с NitroPack (тестировался с NitroPack 2.5.3 ).

В случае использования модуля для сжатия только JPEG, PNG наличие ускорителя не сказывается на возможностях сжатия.

Например, ускоритель Lightning совместим для работы с сжатыми форматами JPEG (mozjpeg), PNG (optipng) и совместим в режиме создания WEBP, но не совместим в режиме отображения картинок для старых браузеров и Сафари, который не понимает WEBP.

В случае использования webp нужно понимать, что старым браузерам нужно отдавать jpeg/png. Именно так и работает модуль изначально, но ускорители могут за счет кеширования ломать такой алгоритм, а потому для указанных выше совместимых ускорителей была специально сделана адаптация чтобы не было проблем с webp.

 

Модуль не заменяет файлы , используется ocmod для движка 2.*,  аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. 

Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах (это нужно в том случае если вы собираетесь использовать водяной знак, на работу по созданию и выводу WEBP это не влияет):

 

system/library/image.php, catalog/tool/image.php, admin/tool/image.php.

 

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

Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).

 

Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.

 

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

Приобретая модуль вы соглашаетесь с принципом лицензирования. 

 

Подробно о лицензировании читайте здесь.

 

mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.

Софт mozjpeg, optipng, который входит в состав модуля, предназначен для Linux 64 bit. Этот же софт для Windows вы можете скачать и установить отдельно (ссылки и прилагаемые файлы есть ниже, софт существует как 32-х или 64-х битные исполняемые файлы для Windows, 32-х битный софт может работать на Windows 32 или 64 бит.)

Процесс установки этого софта сводится к нажатию двух кнопок в модуле.

Это работает как на обычном хостинге, так и на VDS.

 

Самая распространенная "ошибка" после установки.

 

Спойлер

 

Внимательно смотрите на вывод текста в окошке.  Вы не выполнили требование инструкции.

"Доступ запрещен!"

 

78b05f1af2.jpg

 

 

Читаем в инструкции по установке модуля (файл INSTALL_module.txt):

Цитата

 

Далее в админке заходите в "Дополнения" ("Модули") и нажимаете "установить".
Установите необходимые права ("разрешить просмотр" и "разрешить редактирование") пользователю ("группа пользователей") для дополнений:

extension/module/watermark_by_sitecreator
module/watermark_by_sitecreator

Для группы "Administrator"  можете просто нажать "выделить все" в блоках "Разрешить просмотр" и "Разрешить редактировать".

 


 

 

 

Инструкция по установке дополнительного софта для WINDOWS :

(для локальной машины разработчика, например. ).

 

Спойлер

 

Для любителей Windows и тех, кто просто желает протестировать возможности КОМПРЕССОРА добавил возможность работы на машине разработчика (например, используя Openserver).

 

Функции php exec и proc_open должны быть доступны.

 

Необходимо всего лишь скачать OptiPNG отсюда http://optipng.sourceforge.net/

и mozjpeg отсюда: https://mozjpeg.codelove.de/binaries.html

 

на всякий случай приложу файлы здесь.

 

 

 

 

Цитата

 

Создайте в windows папку "C:\optipng"  и положите в нее файл optipng.exe из архива.

Создайте в windows папку "C:\mozjpeg" и распакуйте в нее архив mozjpeg_3.1_x86.zip.

 

 

под Windows рекомендуется использовать php 7.1.  Более ранние версии создают проблемы если у вас есть названия файлов кириллицей (или с другими национальными символами, и/или прочими особенными символами). Проблема проявляется только под Windows и не является проблемой модуля - это особенность php под Windows.

При использовании php 7.1 вы видите нормальные названия файлов и папок:

 

3e909da3ec.jpg

 

На более ранних версиях можете увидеть такое:

 

abfcae5ad3.jpg

 

PHP 7.1 поддерживает имена файлов в UTF-8 независимо от кодовой страницы системы. Отвечено здесь, подробности в UPGRADING.

 

 

 

Модуль умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара, но с некоторыми условиями.  Данная возможность предоставлена в качестве бонуса, но не как обязательная часть (может отсутствовать в дистрибутиве, но может быть предоставлена отдельно по запросу при наличии возможности), на некоторых шаблонах возможна несовместимость (не будет работать) с данной функцией (может потребоваться адаптация) поскольку шаблон может кардинально изменить существующий контроллер. Возможность данного функционала связана с особенностями конкретного шаблона, может потребоваться адаптация и доработка (на платной основе) для конкретного сайта. 

 

Для SEO CMS есть отдельное решение.

 

Спойлер

0d2d4874ff.jpg

 

Модуль умеет оптимизировать (сжимать) все изображения ваших шаблонов и логотип сайта.  Это в дополнение к сжатию всех изображений, проходящих через движок (картинки товаров, категорий, баннеры и т. д. и т. п.)

 

sitecreator_ru_dSiJreIH9i.jpg

 

 

 

Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.

Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях.  И на оригиналы можно накладывать водяной знак и защищать их от кражи.

Любые изменения с оригиналами обратимы. Например, можно менять водяной знак.

 

Решение здесь: SEO CMS mod for Image Compressor & Watermark

 

 

 

Решение по работе с фоном исходных изображений здесь:

Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона.

Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор".

 

 

Совместимость со специфическими модулями и модификаторами, 

(затрагивающими системную библиотеку и модель image.php)

Спойлер

 

===================================================

 

Модуль Turbo

SVG Tool Image (svg_tool_image_2.x-3.x.ocmod.xml)  https://opencartforum.com/files/file/4528-svg-tool-image/?tab=details

Шаблон 2.x Revolution

Шаблон journal 2

 

 

ПОДДЕРЖКА от автора модуля:


 

Спойлер

 

Любой пользователь, который приобрел модуль, имеет право на поддержку от автора.

Если у вас не получается установка, что-то не работает или есть сомнения "а правильно ли работает?",
то для помощи вам от вас необходимы доступы к сайту.
Если в доступах вы отказываете, то, соответственно, вы отказываетесь от ПОЛНОЦЕННОЙ поддержки.

Но даже без доступов автор готов оказать (насколько возможно) вам поддержку если будет предоставлена исчерпывающая информация о проблеме:
с ссылками, скриншотами, описанием (включая что-то подобное:  ожидаем такой-то результат, но видим такой...).

В случае лаконичного "ничего не работает" и отказе предоставить доступы поддержка невозможна.

-----------------------------------------------------------------------------------------------------------------------------------------

Пользователь (заказчик) должен знать, что он всегда может без всяких опасений предоставить демо-доступ (т. е. без возможности изменений)
исключительно к конкретному модулю на своем сайте.

Пример такого доступа:

Демо 2 (админка): http://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator
 
пользователь: DEMO
пароль: DEMO

В таком случае автор модуля, как минимум, сможет увидеть настройки модуля (которые много чего говорят)  
и может увидеть результат автоматического  само-теста модуля:

 

4ff2b29fc0.jpg

 

 

Самодиагностика и вывод полезной информации - это первое средство если у вас "ничего не работает".
 

Спойлер

 

Начинайте читать эту страницу поддержки с этого сообщения и ниже. Там много полезного про то как увидеть свои (и др.) ошибки.

 


Если у вас "не сжимает".  Некоторые серверы (нередко хостер ukraine.com.ua ) кешируют изображения на сервере. Ищите это в настройках панели управления хостера "ускорение".  Нужно просто отключить это кеширование. Подробнее описал в поддержке модуля:

Спойлер

 

ec4e46429f.jpg

 

6f47810c85.jpg

 

 

 

А что это гугл пишет "изменение размера .... уменьшит"?


 

Спойлер

 

Внимательно смотрите, что пишет гугл!

Он предлагает сначала изменить геометрические размеры изображения и лишь потом его сжимать.

 

Браузер загружает большую картинку, потом масштабирует ее и показывает вам уже ее как маленькую.

Вот это и не нравится гуглу.

К сжатию это отношения не имеет.

 

0d6552f8de.jpg

 

2e123f25f8.jpg

 

 

a3d1155395.jpg

 

dfc41f7667.jpg

 

6d7c4e2cb8.jpg

 

 


ПОДДЕРЖКА Правило № 1.

 

Если у вас не получается установка, что-то не работает или есть сомнения "а правильно ли работает?",
то для помощи вам от вас необходимы доступы к сайту.
Если в доступах вы отказываете, то, соответственно, вы сами отказываетесь от ПОЛНОЦЕННОЙ поддержки.

 

Подробно про доступы, которые необходимы.

 

Срок бесплатной поддержки разработчиком - 1 год с момента приобретения программы (модуля). Это, конечно, не означает, что разработчик по истечении данного периода не будет отвечать на вопросы заказчиков. Неисключительная лицензия на программное обеспечение (модуль "Компрессор") не ограничивается разработчиком по времени.

в правилах форума указано:

Цитата

7. Лицензия

7.1. Если иное не установлено Разработчиком, срок Лицензии составляет 365 дней со дня активации Объекта. Срок поддержки Объектов Разработчиком не превышает срок Лицензии.

 

 

 

 

 

 

 

 

 

 

 

webp_lossless.jpg

info.php

webp_for_png.jpg

webp_gd.jpg

webp_imagick.jpg

2479e835ed.jpgsitecreator

  • Добавлено
    26.08.2017
  • Категория
  • Системные требования
    php 5.6 - 7.4, Ioncube Loader версии не ниже 10+, ОС Linux 64 bit / FreeBSD 11 (12, 13) 64bit или Windows (относится к 99.9% случаев)
  • Метод активации
    По запросу в ЛС
    По запросу на почту
  • 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.х
  • Обращение к серверу разработчика
    Нет
    Да
  •  

    • +1 7
    Link to post
    Share on other sites

    @sitecreator не, ну всё шикарно ток вот название тюнинга просит.
    начинаешь читать первые пару слов и листаешь дальше.
    Image Сompressor & Watermark  - Сжатие картинок  + водяной знак
    Уже понятно) а водяной знау бесплатно лежит где то в дополнениях.. чувствуете подвох?
    4ts8F4BtQja37XzO6KV_-A.png

    • +1 1
    Link to post
    Share on other sites
    39 минут назад, AWARO сказал:

    название тюнинга просит

     

    думаю, что можно подкорректировать.

    как, впрочем, и описание тоже.

     

    39 минут назад, AWARO сказал:

    чувствуете подвох?

     

    Видимо, вы правы.  Эксклюзив надо бы на первое место в названии поставить. Не подумал, что название урезается. Действительно, может создаться впечатление, что это обычный "водяной знак".

     

     

    Edited by sitecreator
    Link to post
    Share on other sites

    У Марка в SEO CMS есть такая штука как "Адаптивный resize изображений".

    Утверждать не буду, но если эта настройка в seo cms включена, то модули в части водяного знака дружить между собой не будут.

    Edited by klaos27
    Link to post
    Share on other sites

    @klaos27 почему? если модуль Марка работает с теми изображениями что уже есть, а компрессор их и обрабатывает.
    т.е. сперва компрессором потом модулем Марка.
    Или не так?

    Link to post
    Share on other sites
    3 минуты назад, AWARO сказал:

    @klaos27 почему? если модуль Марка работает с теми изображениями что уже есть, а компрессор их и обрабатывает.
    т.е. сперва компрессором потом модулем Марка.
    Или не так?

    немного исправил свое сообщение.

    в части "водяного знака" дружить скорее всего не будут.

    Разные модули водяного знака перепробовал и платные и бесплатные и ни один с не заработал если Адаптивный resize у Марка включен.

    Link to post
    Share on other sites
    2 минуты назад, klaos27 сказал:

    немного исправил свое сообщение.

     

    Он по умолчанию выключен и никто им не пользуется :)

    Link to post
    Share on other sites
    Только что, markimax сказал:

    Он по умолчанию выключен и никто им не пользуется :)

    зря ты так думаешь;)

    Link to post
    Share on other sites
    7 минут назад, klaos27 сказал:

    зря ты так думаешь;)

    Разве что, кто "обои" продает, :) тогда да, лучше адаптивный ресайз

    Ну а для блога понятное дело 80% используют адаптивный ресайз, функция очень полезная

    @sitecreator добавь еще и такой функционал в свой модуль

    • +1 1
    Link to post
    Share on other sites
    5 минут назад, klaos27 сказал:

    немного исправил свое сообщение.

    в части "водяного знака" дружить скорее всего не будут.

    Разные модули водяного знака перепробовал и платные и бесплатные и ни один с не заработал если Адаптивный resize у Марка включен.

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

    если компрессор работает и с основными изображениями

    Link to post
    Share on other sites
    1 минуту назад, AWARO сказал:

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

    Может сделать маленький модификатор именно для SEO CMS ;)

    Link to post
    Share on other sites
    Только что, AWARO сказал:

    @markimax а  если компрессор работает и с основными изображениями ?

    Да без проблем.
    SEO CMS обрабатывает только "свои" изображения по алгоритму адаптивного ресайза
    Товары и остальное не трогает, если принудительно не включить (по умолчанию выключен)

    Link to post
    Share on other sites

    @markimax

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

    Link to post
    Share on other sites
    5 минут назад, markimax сказал:

    @sitecreator добавь еще и такой функционал в свой модуль

     

    ок, добавлю.

    13 минут назад, klaos27 сказал:

    Разные модули водяного знака перепробовал и платные и бесплатные и ни один с не заработал если Адаптивный resize у Марка включен.

     

    сделаю адаптивный дизайн.

    Вы пишите, что нужно еще.

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

     

    В планах уже:

    1)  убирать муар с фона изображений (актуально для белого фона в основном).

    2) пережимать картинки, которые никак не обрабатывает сам движок, т. е. которые просто загружены и показываются по ссылке.

    3) формат webP (формат изображений Гугла).  Актуально если у вас обычный хостинг, а не VDS.  Перед mozjpeg формат webP сам по себе в плане сжатия практически не дает никаких преимуществ (если не считать любовь Гугла к собственному формату). 

     

    Забавно, что если при одинаковом качестве картинка, сжатая через mozjpeg, имеет меньший вес чем в формате webP,  то Гугл все равно не попросит вас уменьшить webP  (вот так он любит его, что прощает все).

    Link to post
    Share on other sites
    15 минут назад, markimax сказал:

    SEO CMS обрабатывает только "свои" изображения по алгоритму адаптивного ресайза
    Товары и остальное не трогает, если принудительно не включить (по умолчанию выключен)

     

    с SEO CMS мой модуль работает в связке на действующих магазинах (и не на одном). На одном, как минимум, полгода. Проблем не было замечено.

    Скорее всего адаптивный ресайз выключен по умолчанию.

     

    Но я учту и этот момент.

     

    вы мне, пожалуйста, поясните в двух словах, что делает "адаптивный ресайз" или что должен делать. Цель и средства?

    Link to post
    Share on other sites
    10 минут назад, sitecreator сказал:

     

    вы мне, пожалуйста, поясните в двух словах, что делает "адаптивный ресайз" или что должен делать. Цель и средства?

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

    https://oc2.opencartadmin.com/

    Link to post
    Share on other sites
    2 часа назад, markimax сказал:

    Обрезает изображения так чтобы не оставалось полей

     

    именно обрезает, а не добавляет поля?

    Т. е. как trim делает фотошоп?

     

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

    Сейчас посмотрю как SEO CMS  это делает.

     

    3 часа назад, markimax сказал:

    SEO CMS обрабатывает только "свои" изображения

     

    имеется ввиду те, которые выводятся, например, в новостях?

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

    Разные модули водяного знака перепробовал и платные и бесплатные и ни один с не заработал если Адаптивный resize у Марка включен.

     

    Вот попробовал "Адаптивный resize"  включить (без моего модуля), но так и не понял, что в нем хорошего?

    Или нужно еще размеры картинок выставить?

     

    картинки товаров "ДО адаптивного":

     

    f5051c615c.jpg

     

    ddd54336c7.jpg

     

     

     

    И после:

     

    867a11b9ab.jpg

     

     

    35e4044602.jpg

     

     

     

    -----------------------------------------------------

     

    07683fef05.jpg

     

     

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

    В остальных случаях просто отрезается все лишнее по наиболее длинной стороне исходника.

     

    И если исходники будут разных пропорций, то красиво не всегда получится.

     

    Я правильно понял суть "адаптивного ресайзинга"?

     

    Добавить такую возможность могу. Но я несколько в недоумении.

     

    8 часов назад, markimax сказал:

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

     

    посмотрел, но не понял как они обрезаются если в новостях ссылка на картинку не в кеше, а на исходник.

    исходник разве обрабатывается?

     

    Если пользователь загрузил исходник без полей и указал ссылку на этот исходник, то откуда поля могут взяться?  Этот же файл никак через движок не проходит.

    Как на него может повлиять SEO CMS ?

     

    Я знаю файловый менеджер, который имеет функцию визуальной обрезки загруженных источников, тот самый crop tool.

     

    Лишние поля может убрать только trim - так работает фотошоп.  При этом полезная честь изображения не отрезается.  Только фон (белый или прозрачный, например).

     

    Я понял алгоритм работы SEO CMS "адаптивный ресайзинг".  Но не уверен, а лучший ли это алгоритм избавления от полей? Ведь с полями и часть изображения отрезается.  Или я все неправильно понял?

     

    Link to post
    Share on other sites
    1 час назад, sitecreator сказал:

     Но не уверен, а лучший ли это алгоритм избавления от полей? Ведь с полями и часть изображения отрезается.  Или я все неправильно понял?

    Не поняли вы алгоритм и зачем он нужен, да и в верстке "просмотрели" (ссылка на полно размерную картинку в всплывающем окне, а сама картинка из кеша адаптивного ресайза) :)
    Для правильного выравнивания по границе картинок, а не по "белому" полю, тем более другим цветом на белом к примеру (поймут кто сталкивался). Поэкспериментируйте на черном бекграунде html с нормальными изображениями, а не "искусственными" с вырезанным бекграундом. Т  е  реальными изображениями. Поймете тогда
    Другого алгоритма как это сделать  - нету. Или поля или без полей и с ЧАСТИЧНОЙ обрезкой изображения.
    Чем лучше подобраны размеры тем меньше обрезается изображение. Иногда - практически не заментно
    Это самый правильный адаптивный ресайз  По другому не сделаешь с фиксированными размерами opencart -а, и в других CMS тоже
    Отличия могут быть только в центровке изображения при ресайзе. Оптимальный по центру

    http://php.net/manual/ru/imagick.adaptiveresizeimage.php

    ;)

    Link to post
    Share on other sites
    2 часа назад, sitecreator сказал:

    посмотрел, но не понял как они обрезаются если в новостях ссылка на картинку не в кеше, а на исходник.

    исходник разве обрабатывается?

    Вот всё будет норм если компрессор исходник тоже обработает
    а ресайзер уже с обработанным исходником и будет работать

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

    Разные модули водяного знака перепробовал и платные и бесплатные и ни один с не заработал если Адаптивный resize у Марка включен.

     

    и понятно почему.

    "адаптивные" картинки генерируются в обход системной библиотеки image и не используют model/tool/image.php,  а используют свои модель и библиотеку.

    Кроме того картинки товаров складываются в кеше в альтернативную папку adaptive.

    И выводятся эти картинки уже из этого альтернативного кеша.

     

    Поэтому тут вопрос не о "не заработал" идет, а о том, что они (модули) друг с другом не знакомы и один из них даже не знает о существовании альтернативных модели и библиотеки, а также параллельных кешей.

    Это в случае если включен "Адаптивный resize" принудительно.

     

    Также, как я понимаю, "свои" картинки SEO CMS (независимо от включения "Адаптивный resize") всегда делает минуя стандартные модель и библиотеку image.  И кладет картинки опять же в альтернативный кеш (папка adaptive).

     

    http://news.opencartadmin.com/image/cache/adaptive/catalog/data/romashki-polyana-leto-priroda-300x200.jpg

     

    Вот подобные картинки не будут подвергнуты суперсжатию при их генерации.

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

     

    Мой компрессор для формата JPEG не создает сначала неоптимизированный файл JPEG и потом не пережимает его вторично, но уже с высокой степенью сжатия (но без потерь).  Он сразу делает максимально сжатый файл JPEG .  Иначе это вышла бы двойная работа и, как следствие, трата ресурсов и увеличение времени на создание кеша картинок (это, правда, делается один раз при открытии страницы).

     

    Как вариант можно сделать модификатор для SEO CMS , который добавит автоматическое суперсжатие для JPEG и PNG на лету при генерации картинки. И не нужно будет дважды пережимать одну и ту же картинку.

     

    Насколько я понял, то библиотека PhpThumb Library последние два года не претерпела никаких изменений. А именно она используется в SEO CMS для генерации и ресайза (адаптивного) "своих" картинок.  Это верно, @markimax ?

    Думаю, что можно добавить к данной библиотеке ocmod, который и туда подключит суперсжатие.

     

     

    @klaos27  и @AWARO ,  вы могли бы показать примеры сайтов, на которых нужен "адаптивный ресайз" именно для товаров?

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

    Там все картинки товаров с одинаковыми пропорциями или?

     

    Вот взглянуть бы...

     

    ------------------------------

     

    Также могу организовать реальную обрезку полей у картинки. Т. е. сделать аналог trim из Фотошопа.

    Но не знаю насколько это может быть востребовано.

    Link to post
    Share on other sites

    @sitecreator Ну вот же пример выше Марк скинул, чтоб одинаково ровно в виджетах , списке статей в категориях отображалась картинка если разных размеров.
    я так понял, естественно одна фота квадратная вторая прямоугольная и т.д. смысла нет грузить - глупо, но немного с небольшим + - возможно..
    Вроде так. пусть Марк подтвердит  если так

    Link to post
    Share on other sites

    http://php.net/manual/ru/imagick.adaptiveresizeimage.php

    ;)

    Насчет trim фотошопа вы не поняли
    Толку от него никакого
    Это тогда надо каждое изображение обрабатывать (а если их 100500k ? ;)

     

    Насчет примеров я написал реальный сценарий (не все сайт белые и не у всех картинок вырезан бек)

    Link to post
    Share on other sites

    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now
    • Similar Content

      • By legioner26
        Разработан модификатор автозаполнения картинок категорий из первой найденной картинки товара категории, а так же проставляются картинки для главных категорий и под категорий
        версии OpenCart 2.0, 2.1, 2.2, 2.3, 3.x  
        Просто заливаете товары с картинками, а картинки на категории проставятся сами.
        Устанавливаете модификатор как указано на картинке, чистим в модификациях кеш и обновляем. 
         
        Иногда бывает когда некорректно удалены картинки, и они сохранены в базе Для этого надо зайти через phpmyadmin и удалить из полей картинки из таблица oc_category
        UPDATE `oc_category` SET image=''
        http://prntscr.com/rkmuy3
        Введете этот запрос для очистки всех изображений категорий в случае проблем.
         
        РЕКОМЕНДУЕМЫЕ МОДУЛИ
         
        Смс авторизация и регистрация 
        Генератор АКЦИЙ Special PRO
        Конструктор форм обратной связи
        Модуль Зумма
        Модуль подарков
        СЕО генератор мета тегов
         
      • By legioner26
        777
        Скачать/Купить дополнение


        Модификатор автозаполнения картинок категорий
        Разработан модификатор автозаполнения картинок категорий из первой найденной картинки товара категории, а так же проставляются картинки для главных категорий и под категорий
        версии OpenCart 2.0, 2.1, 2.2, 2.3, 3.x  
        Просто заливаете товары с картинками, а картинки на категории проставятся сами.
        Устанавливаете модификатор как указано на картинке, чистим в модификациях кеш и обновляем. 
         
        Иногда бывает когда некорректно удалены картинки, и они сохранены в базе Для этого надо зайти через phpmyadmin и удалить из полей картинки из таблица oc_category
        UPDATE `oc_category` SET image=''
        http://prntscr.com/rkmuy3
        Введете этот запрос для очистки всех изображений категорий в случае проблем.
         
        РЕКОМЕНДУЕМЫЕ МОДУЛИ
         
        Смс авторизация и регистрация 
        Генератор АКЦИЙ Special PRO
        Конструктор форм обратной связи
        Модуль Зумма
        Модуль подарков
        СЕО генератор мета тегов
         
        Добавил legioner26 Добавлено 31.08.2017 Категория Модули Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
        2.3
        2.2
        2.1
        2.0 ocStore 3.0
        2.3
        2.2
        2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
      • By spectrum
        Скачать/Купить дополнение


        UniShop2 - универсальный адаптивный шаблон для OpenCart и OcStore 3
        Unishop2 - это качественный, лёгкий, быстрый, универсальный шаблон, который отлично подойдет для создания магазинов совершенно разных направлений - продажи бытовой электроники, техники, одежды, обуви, книг, различных аксессуаров, бижутерии и многого другого.
         
        Бесплатная установка шаблона при покупке лицензии!
         
        Демо:
        Главная страница
        Страница категории
        Страница товара
         
        Демо настроек шаблона:
        Панель настроек шаблона    логин/пароль - demo/demo
         
        Валидатор HTML
         
        Google PageSpeed
         
        Срок действия пробной бесплатной версии шаблона 7 (семь) дней.
        Для использования шаблона без ограничения по времени вам необходимо получить лицензионный ключ.
        Все сделанные настройки панели управления сохраняются и могут быть использованы далее после покупки лицензии.
         
        Модули и функционал
        Индивидуальная настройка цветовой гаммы практически всех ключевых блоков шаблона. Это заголовки, ссылки, кнопки, фоны, заголовки-лейблы слайдов в слайдшоу, текст и фон главного меню, футера, текстовых баннеров и многое другое. Всего более 100 пунктов
          Быстрый старт Установка демо-данных, установка, копирование и экспорт настроек шаблона. Всего за пару-тройку кликов можно получить вид шаблона как на демо
          PWA возможности (мобильное приложение) Все необходимые настройки, включая выбор изображения, время кеширования, текста баннера с предложением установки, текста резервной страницы и т.д.
          Меню Два вида главного меню - горизонтальное и вертикальное. Каждое со своими настройками  Картинки категорий и подкатегорий Баннеры в категориях меню. HTML или картинка Показ третьего уровня категорий в основном меню  Дополнительные пользовательские ссылки в меню, 3 уровня вложенности 
                          Контакты Показ нескольких телефонов или других типов контактов в шапке                            Показ одновременно двух телефонов Индивидуальные настройки для каждого созданного пункта контактов (иконка, действие по клику и т.д)
          Поиск "Живой" и обычный поиск. Умеет искать по наименованию, описанию, тегам, модели, артикулу, атрибутам, категориям, производителю и т.д
          Модуль "Новости" (блог) Возможность привязки товаров к новости. Пример - магазин проводит акцию, пишем про это в новостях и сразу показываем товары, участвующие в акции Показ связанных с товаром новостей в карточке товара Выбор отображения привязанных новостей каруселью или сеткой.                    Карта категорий и новостей в формате XML
          Быстрый заказ Множество настроек, включая возможность задать минимальную сумму заказа Передача всех данных о товарах из заказа в Google аналитику и Yandex метрику
          Одностраничный заказ Удобный и красивый модуль оформления заказа.
        Масса всех нужных настроек (минимальная сумма для заказа, показ "с этим товаром покупают", показ и скрытие полей адреса и т.д. и т.п) Умеет регистрировать покупателя в процессе оформления заказа (с автогенерацией пароля или без), обновлять данные заказа без перезагрузки страницы Умеет работать с кастомными полями группы покупателей и динамически их показывать Передача всех данных о товарах из заказа в Google аналитику и Yandex метрику
          Подписка на новости Умеет автоматически регистрировать новых покупателей при оформлении подписки на рассылку Умеет начислять покупателям бонусные баллы в качестве вознаграждения за оформление подписки Отправляет письма на почту со всеми данными
          Регистрация. авторизация и личный кабинет Показ окон авторизации и регистрации в "popup-окне" Настройки показа всех основных полей Настройки показа блоков на главной странице кабинета покупателя
          Модуль "5в1" Умеет показывать новинки, товары по акции, рекомендуемые, бестселлеры, популярные товары Умеет создавать кастомные вкладки/модули с нужными вам товарами Умеет показывать товары из выбранной категории
          Модуль "Обращения покупателей" Умеет выводить в карточке товара вкладку "Вопрос-ответ" - покупатели задают вопросы, администрация сайта отвечает. Умеет заменять кнопку "Купить" у товара на кнопку "Уведомить" при нулевом количестве товара и отправлять письмо-уведомление о поступлении товара на указанную покупателем почту. Имеет виджет, который можно добавить на главную страницу админки магазина
          Заказ звонка (может работать в паре с модулем "Обращения покупателей") Заказ звонка он и есть заказ звонка. Передача всех данных о товарах из заказа в Google аналитику и Yandex метрику
          Плавающее меню для больших и маленьких экранов. На больших экранах всегда сверху, на маленьких можно выбрать положение - верх или низ
          Стикеры товара (акции, новинки, лидеры продаж, бонусные баллы + 5 кастомных стикеров) Для каждого типа стикера можно задать цвет фона и текста и прочие данные
          Таймер для акционных товаров, с настройкой цвета цифр и текста
          Индикация наличия товара 3 вида отображения - полоса, текст и количество в числовом виде Настройки цвета, тестов и т.д.
          "Живой" пересчёт цены Работает в модулях, категориях, карточке товара и т.д. Цена пересчитывается в зависимости от выбранного кол-ва, опций, скидки от количества. 
          Выбор количества товара Выбор количества товара в модулях, категориях и т.д. (Может работать в паре с "Живой" пересчёт цены) Умеет изменять и округлять до ближайшего кратного при ручном вводе кратно минимальному количеству товара. Пример
          Отзывы о товаре Добавлены поля достоинств и недостатков товара Добавлена возможность ответа администрации на отзывы о товаре Отзывы в карточке товара индексируются
          Вкладка файлов для скачивания на странице товара Файлы прикрепляются штатными возможностями опенкарт
          Модуль "Баннеры в категориях" Показ текстовых или графических баннеров в категориях. Для каждого баннера можно выбрать одну или несколько категорий, дату начала и окончания показа и т.д.
          Модуль "Вы смотрели"
          Модуль "Список производителей"
          Модуль "Стена категорий" Умеет показывать категории второго уровня вложенности как основные
          Модуль показа последних или случайных отзывов
          Поддержка мультимагазина Поддерживается мультимагазин, созданный возможностями опенкарт Для каждого магазина создается отдельная вкладка настроек в панели управления шаблоном 
          А также: Смена фото товара на изображение выбранной опции Текстовые баннеры, с возможностью показа всплывающих окон с текстом и картинками при клике на баннере Показ опций, характеристик, модели в модулях и категориях Возможность ajax загрузки товаров при переходе по страницам товаров в категории Кнопка "Показать еще" в категориях товара Возможность отключения ссылки на текущую категорию в главном меню категорий Три вида отображения товара в категориях - добавлен третий вид, компактный. Замена текста и цвета кнопки "купить" для случаев когда товар уже в корзине или отсутствует на складе Микроразметка хлебных крошек, карточки товара, страницы новости, страницы контактов  Два варианта отображения вкладок (табов)   Подсветка различающихся характеристик товара на странице сравнения товаров Показ нескольких изображений товара в модулях, категориях и т.д Автовыбор первого значения опций в карточке товара И многое другое  
        Срок действия пробной бесплатной версии шаблона 7 (семь) дней.
        Для использования шаблона без ограничения по времени вам необходимо получить лицензионный ключ.
        Все сделанные настройки панели управления сохраняются и могут быть использованы далее после покупки лицензии.
         
        Демо:
        Главная страница
        Страница категории
        Страница товара
         
        Демо2:
        Главная страница
        Страница категории
        Страница товара
         
        Демо3:
        Главная страница
        Страница категории
        Страница товар
         
        Демо настроек шаблона:
        Панель настроек шаблона    логин/пароль - demo/demo
         
        Несмотря на богатый функционал шаблона, в файлы опенкарта вносится минимально возможное количество изменений, что положительно сказывается на совместимости шаблона со сторонними модулями.        
         
        Добавил spectrum Добавлено 27.06.2017 Категория Платные шаблоны Системные требования Php 5.6, 7.1-7.4 IonCube 5+ Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет
        Да  
      • By sitecreator
        webp + lazy load + watermark + др. оптимизация изображений
        email разработчика: opencart@sitecreator.pro
        WEBP (создание и вывод) работает везде просто и надежно !
        Поддерживаются практически любые операционные системы:
         
        Linux

         
        Windows 32bit 64bit
         
         
        webp: модуль Компрессор позволяет создавать и выводить webp в браузеры, т.е. позволяет оптимизировать изображения формата jpeg и png.
        Оптимизируются изображения, которые отдаются (передаются по сети при загрузке страниц сайта) в браузер пользователя.
        Модуль позволяет отдавать старым браузерам без поддержки webp привычный формат jpeg/png.
        Модуль не занимается обратным преобразованием webp в jpeg/png, т.к. для задач оптимизации изображений это не нужно.
        Компрессор для opencart всех версий: 1.5, 2.* & 3.0
        Для использования на opencart 1.5.* должен быть сперва установлен vqmod (если он отсутствует), обычно в 95% он уже присутствует в движке.
         
        Ссылка на подробную документацию по установке:
         
         
        Гугл отмечает положительно в своем аудите выполнение рекомендаций по оптимизации изображений.
         

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

         
         

         
        Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде почти без всяких условий! Важно чтобы была ОС Linux 64 bit / FreeBSD 11 (12, 13) 64bit или Windows (это будет в 99.9% случаев)  В данном решении предусмотрено практически все, включая совместимость с ускорителями Jet Cache (изначально полная совместимость), Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость), Nitropack (см. примечание по версиям ниже). Остальные кешеры тоже поддерживаются полностью или частично, но с определенными условиями.
        WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.
        Не имеет значения есть ли поддержка WEBP у вашего хостера или нет.
        Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux 64 бит / FreeBSD 11 (12, 13) 64bit и Windows. На любом обычном (общем) хостинге всегда работает одна из разновидностей Linux 64 бит, очень редко используется FreeBS. . Linux 32 бит требует наличия 32-х битного софта mozjpeg, optipng, cwebp, такой софт не входит в состав модуля ввиду полной нецелесообразности, т.к. 32-х битные ОС не использует ни один хостер в качестве обычного хостинга и не предлагается хостерами для установки на VDS.
         
        Поддерживается любой современный браузер, способный отображать WEBP.  Старые браузеры без поддержки webp также не забыты, они получат соответственно jpeg, png.
         
        Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на страницах сайта, и тем самым выполнить рекомендации Гугла по изображениям для вашего сайта.
         
        Модуль уникальный в своем роде, т.к. обеспечивает совместимый вывод WEBP для новых браузеров, а старым отдает соответственно jpeg, png , это справедливо почти всегда и в случае использования облачных технологий вроде cloudflare.  Но с одним условием, что сам CloudFlare (или оное облако-кешеровщик) настроен на корректную работу с webp и браузерами с поддержкой webp и без нее. Если облако вроде CloudFlare неверно настроено, то webp может появиться на страницах с заметным опозданием или работать не вполне корректно, можете в таком случае отключить временно или совсем CloudFlare. В случае решений (которые есть в сети), например, "созданных на коленке"  вы рискуете оставить пользователей Сафари (старых версий до июля 2020)  вообще без изображений при использовании того же cloudflare.
         
        Модуль Компрессор содержит набор различных возможностей, отчасти определенные возможности дублируют друг друга, например, есть поддержка нескольких вариантов сжатых изображений (mozjpeg, optipng, webp). Это не означает, что у любого хостера будет возможность использовать все возможности, но будет выбор доступного варианта. Т.е. модуль Компрессор предоставляет возможности с избытком, но нет гарантии, что они могут быть задействованы все одновременно. Например, вы по желанию и возможности можете использовать сжатие изображений за счет mozjpeg или webp,  но нет смысла использовать их одновременно, и такая задача одновременного использования не ставилась - разумно использовать лишь что-то одно.
         
            Модуль Компрессор создавался с целью выполнения рекомендаций гугла по оптимизации изображений и с целью передачи в браузер пользователя оптимизированных изображений.  Исходники (т.е. те, что не в кеше) изображений модуль не сжимает, т.к. в этом нет необходимости поскольку речь идет о загрузке в браузер оптимизированных по весу изображений.  Если на странице сайта есть изображение не из кеша изображений (из папки исходников, например, или из любой подобной папки), то для такого изображения будет создан оптимизированный вариант в формате WEBP, и именно WEBP будет передан в браузер, а исходник останется в качестве исходника в нетронутом виде.
           Основная цель - это уменьшить лишний трафик за счет передачи изображений в сжатом виде конечному пользователю чтобы у этого пользователя ваш сайт открывался быстрее и в целом работал быстрее.  У модуля нет основной цели экономии дискового пространства у хостера, хоть и это можно сделать за счет использования технологии mozjpeg для сжатия jpeg изображений в кеше изображений opencart. Но если webp работает в 99.9% случаев, то mozjpeg можно эффективно использовать в 90%.
         
         

         
         
        Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.
        Теперь настоящий комбайн для работы с изображениями.  Управление белыми полями изображений, фоном, размером, обрезкой картинок, отдельное управление изображениями для яндекс-маркета и т.д.
        Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры").
        "Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (функция proc_open php нужна для работы mozjpeg, optipng; но создание WEBP в режиме "по расписанию" не требует ее наличия в php, на котором работает ваш сайт)  и всегда на VDS.   Нужные функции (proc_open) вы можете сами включать даже на обычном хостинге (некоторые это позволяют, но не все).
        Установка софта для сжатия изображений Опенкарт (mozjpeg и  optiPNG, WEBP) полностью автоматизирована в два клика на обычный хостинг и VDS (не требует знаний Linux).
         
         
        Для разработчиков и веб-мастеров, устанавливающих модуль своим заказчикам действует скидка
         
        Демо 2 (клиентская часть): http://watermark.sitecreator.pro
        Демо 2 (админка): http://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator
         
        Демо 1.5 (клиентская часть): http://watermark15.sitecreator.pro
        Демо 1.5 (админка): http://watermark15.sitecreator.pro/admin/index.php?route=module/watermark_by_sitecreator
         
        пользователь: DEMO
        пароль: DEMO
         
        Для Opencart 3.0 и Opencart 2.*
        С поддержкой WEBP, Lazy Load и др.
        Дистрибутив теперь универсальный (он один) для движка 2-й и 3-й версий.
        Начиная с версии 1.18.3
         
         
        совместим со всеми сборками версий движков Opencart (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3), 3.0
        Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
         
         
         
        Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
         
        Как избежать тормозов во время создания сжатых изображений?

        При обновлении до версии 1.12.6+ нужно проявить внимание! Внедрена защита "от дурака".
         
         
        Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д.
        Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.
        Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться.
        Адаптивный ресайз (resize, обрезка) изображения.
         
         
        Вот так работает WEBP Lazy Load модуля Компрессор.
        Гугл одобряет!
         

         
         
        Как включить нужную для максимального сжатия функцию?
         (в случае работы режима cron для создания webp это необязательно)
         
         
        требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 
        Ioncube Loader  (версия 10+)
        Дистрибутив универсальный для всех версий PHP. Никаких отдельных файлов для разных версий! Только один установочный файл.
         
         
        Ускорители (кешеры) не влияют на работу водяного знака и сжатых форматов mozjpeg, optipng, но могут неверно влиять на вывод webp.
         
        Совместимые ускорители в плане WEBP, т.е. WEBP работает (выводится) корректно:
        Jet Cache (все известные версии на момент выпуска модуля Компрессор версии 2.1.23) Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ). Это "старый Nitro". Больше не поддерживается, т.к. разработчик Нитро прекратил его продажу и поддержку. nitropack.io / NitroPack IO (тестировался на версии 3.8.1 в режиме включенной в Компрессоре совместимости с кеширующим ускорителем. Не путать с просто "NitroPack"! Возможны некоторые ограничения.) Boost (проверялось только на опенкарт 2.*, не могу судить о версии на которой тестировался, т.к. разработчик в модуле не указал версию. Возможно, что есть несовместимые версии) Lightning (при включении опции совместимости с кеширующим ускорителем в Компрессоре и настройке в Lightning исключения для функции Компрессора [читайте инструкцию], в режиме совместимости эффективность использования webp может быть несколько снижена. Тестировалось на версии Lightning  3.38. Возможны некоторые ограничения.)  
        Начиная с версии 2.1.0 модуль Компрессор позволяет включить повышенную совместимость с почти любым кеширующим ускорителем в режиме вывода webp. Независимо от того была ли сделана специально адаптация модуля Компрессор под конкретный ускоритель или нет. Эта возможность экспериментальная по принципу "как есть", нельзя заранее утверждать, что это будет работать везде на 100%.

         
        Например, в таком режиме может работать ускоритель Lightning (но желательно отключить (уменьшить агрессивность) в нем оптимизацию (минификацию) Javascript для HTML).  В подавляющем большинстве случаев совместимость с Лайтингом работает, но нельзя гарантировать это со 100% для любого случая.
         
        Несовместимые в плане вывода WEBP (за счет модуля) ускорители способны не мешать корректному выводу WEBP если данный вывод делать за счет средств сервера. Например, за счет NGINX Конфиг (config) NGINX для вывода WEBP на VDS   или Апачи при возможности (лимитирует хостер).
         
        Модуль совместим в плане корректного вывода WEBP (и отдачи для старых Сафари и др. старых браузеров JPEG, PNG соответственно) с ускорителями/кешерами Jet Cache и Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) и, вероятно, с остальными.
        Совместим с NitroPack (тестировался с NitroPack 2.5.3 ).
        В случае использования модуля для сжатия только JPEG, PNG наличие ускорителя не сказывается на возможностях сжатия.
        Например, ускоритель Lightning совместим для работы с сжатыми форматами JPEG (mozjpeg), PNG (optipng) и совместим в режиме создания WEBP, но не совместим в режиме отображения картинок для старых браузеров и Сафари, который не понимает WEBP.
        В случае использования webp нужно понимать, что старым браузерам нужно отдавать jpeg/png. Именно так и работает модуль изначально, но ускорители могут за счет кеширования ломать такой алгоритм, а потому для указанных выше совместимых ускорителей была специально сделана адаптация чтобы не было проблем с webp.
         
        Модуль не заменяет файлы , используется ocmod для движка 2.*,  аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. 
        Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах (это нужно в том случае если вы собираетесь использовать водяной знак, на работу по созданию и выводу WEBP это не влияет):
         
        system/library/image.php, catalog/tool/image.php, admin/tool/image.php.
         
        Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов. Это относится к работе водяного знака и т.п.,   на работу сжатого формата webp это никак не влияет.
        Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
         
        Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
         
        Пояснение к лицензированию.
        Лицензия предоставляется для одного домена с конкретным доменным именем (без возможности переноса на другой домен).
        Приобретая модуль вы соглашаетесь с принципом лицензирования. 
         
        Подробно о лицензировании читайте здесь.
         
        mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
        Софт mozjpeg, optipng, который входит в состав модуля, предназначен для Linux 64 bit. Этот же софт для Windows вы можете скачать и установить отдельно (ссылки и прилагаемые файлы есть ниже, софт существует как 32-х или 64-х битные исполняемые файлы для Windows, 32-х битный софт может работать на Windows 32 или 64 бит.)
        Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
        Это работает как на обычном хостинге, так и на VDS.
         
        Самая распространенная "ошибка" после установки.
         
         
        Инструкция по установке дополнительного софта для WINDOWS :
        (для локальной машины разработчика, например. ).
         
         
         
        Модуль умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара, но с некоторыми условиями.  Данная возможность предоставлена в качестве бонуса, но не как обязательная часть (может отсутствовать в дистрибутиве, но может быть предоставлена отдельно по запросу при наличии возможности), на некоторых шаблонах возможна несовместимость (не будет работать) с данной функцией (может потребоваться адаптация) поскольку шаблон может кардинально изменить существующий контроллер. Возможность данного функционала связана с особенностями конкретного шаблона, может потребоваться адаптация и доработка (на платной основе) для конкретного сайта. 
         
        Для SEO CMS есть отдельное решение.
         
         
        Модуль умеет оптимизировать (сжимать) все изображения ваших шаблонов и логотип сайта.  Это в дополнение к сжатию всех изображений, проходящих через движок (картинки товаров, категорий, баннеры и т. д. и т. п.)
         

         
         
         
        Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.
        Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях.  И на оригиналы можно накладывать водяной знак и защищать их от кражи.
        Любые изменения с оригиналами обратимы. Например, можно менять водяной знак.
         
        Решение здесь: SEO CMS mod for Image Compressor & Watermark
         
         
         
        Решение по работе с фоном исходных изображений здесь:
        Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона.
        Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор".
         
         
        Совместимость со специфическими модулями и модификаторами, 
        (затрагивающими системную библиотеку и модель image.php)
         
         
        ПОДДЕРЖКА от автора модуля:

         
         
        Самодиагностика и вывод полезной информации - это первое средство если у вас "ничего не работает".
         

        Если у вас "не сжимает".  Некоторые серверы (нередко хостер ukraine.com.ua ) кешируют изображения на сервере. Ищите это в настройках панели управления хостера "ускорение".  Нужно просто отключить это кеширование. Подробнее описал в поддержке модуля:
         
         
        А что это гугл пишет "изменение размера .... уменьшит"?

         
         

        ПОДДЕРЖКА Правило № 1.
         
        Если у вас не получается установка, что-то не работает или есть сомнения "а правильно ли работает?",
        то для помощи вам от вас необходимы доступы к сайту.
        Если в доступах вы отказываете, то, соответственно, вы сами отказываетесь от ПОЛНОЦЕННОЙ поддержки.
         
        Подробно про доступы, которые необходимы.
         
        Срок бесплатной поддержки разработчиком - 1 год с момента приобретения программы (модуля). Это, конечно, не означает, что разработчик по истечении данного периода не будет отвечать на вопросы заказчиков. Неисключительная лицензия на программное обеспечение (модуль "Компрессор") не ограничивается разработчиком по времени.
        в правилах форума указано:
         
         
         
         
         
         
         
         
         
         
         

        info.php



         

      • By spectrum
        Unishop2 - это качественный, лёгкий, быстрый, универсальный шаблон, который отлично подойдет для создания магазинов совершенно разных направлений - продажи бытовой электроники, техники, одежды, обуви, книг, различных аксессуаров, бижутерии и многого другого.
         
        Бесплатная установка шаблона при покупке лицензии!
         
        Демо:
        Главная страница
        Страница категории
        Страница товара
         
        Демо настроек шаблона:
        Панель настроек шаблона    логин/пароль - demo/demo
         
        Валидатор HTML
         
        Google PageSpeed
         
        Срок действия пробной бесплатной версии шаблона 7 (семь) дней.
        Для использования шаблона без ограничения по времени вам необходимо получить лицензионный ключ.
        Все сделанные настройки панели управления сохраняются и могут быть использованы далее после покупки лицензии.
         
        Модули и функционал
        Индивидуальная настройка цветовой гаммы практически всех ключевых блоков шаблона. Это заголовки, ссылки, кнопки, фоны, заголовки-лейблы слайдов в слайдшоу, текст и фон главного меню, футера, текстовых баннеров и многое другое. Всего более 100 пунктов
          Быстрый старт Установка демо-данных, установка, копирование и экспорт настроек шаблона. Всего за пару-тройку кликов можно получить вид шаблона как на демо
          PWA возможности (мобильное приложение) Все необходимые настройки, включая выбор изображения, время кеширования, текста баннера с предложением установки, текста резервной страницы и т.д.
          Меню Два вида главного меню - горизонтальное и вертикальное. Каждое со своими настройками  Картинки категорий и подкатегорий Баннеры в категориях меню. HTML или картинка Показ третьего уровня категорий в основном меню  Дополнительные пользовательские ссылки в меню, 3 уровня вложенности 
                          Контакты Показ нескольких телефонов или других типов контактов в шапке                            Показ одновременно двух телефонов Индивидуальные настройки для каждого созданного пункта контактов (иконка, действие по клику и т.д)
          Поиск "Живой" и обычный поиск. Умеет искать по наименованию, описанию, тегам, модели, артикулу, атрибутам, категориям, производителю и т.д
          Модуль "Новости" (блог) Возможность привязки товаров к новости. Пример - магазин проводит акцию, пишем про это в новостях и сразу показываем товары, участвующие в акции Показ связанных с товаром новостей в карточке товара Выбор отображения привязанных новостей каруселью или сеткой.                    Карта категорий и новостей в формате XML
          Быстрый заказ Множество настроек, включая возможность задать минимальную сумму заказа Передача всех данных о товарах из заказа в Google аналитику и Yandex метрику
          Одностраничный заказ Удобный и красивый модуль оформления заказа.
        Масса всех нужных настроек (минимальная сумма для заказа, показ "с этим товаром покупают", показ и скрытие полей адреса и т.д. и т.п) Умеет регистрировать покупателя в процессе оформления заказа (с автогенерацией пароля или без), обновлять данные заказа без перезагрузки страницы Умеет работать с кастомными полями группы покупателей и динамически их показывать Передача всех данных о товарах из заказа в Google аналитику и Yandex метрику
          Подписка на новости Умеет автоматически регистрировать новых покупателей при оформлении подписки на рассылку Умеет начислять покупателям бонусные баллы в качестве вознаграждения за оформление подписки Отправляет письма на почту со всеми данными
          Регистрация. авторизация и личный кабинет Показ окон авторизации и регистрации в "popup-окне" Настройки показа всех основных полей Настройки показа блоков на главной странице кабинета покупателя
          Модуль "5в1" Умеет показывать новинки, товары по акции, рекомендуемые, бестселлеры, популярные товары Умеет создавать кастомные вкладки/модули с нужными вам товарами Умеет показывать товары из выбранной категории
          Модуль "Обращения покупателей" Умеет выводить в карточке товара вкладку "Вопрос-ответ" - покупатели задают вопросы, администрация сайта отвечает. Умеет заменять кнопку "Купить" у товара на кнопку "Уведомить" при нулевом количестве товара и отправлять письмо-уведомление о поступлении товара на указанную покупателем почту. Имеет виджет, который можно добавить на главную страницу админки магазина
          Заказ звонка (может работать в паре с модулем "Обращения покупателей") Заказ звонка он и есть заказ звонка. Передача всех данных о товарах из заказа в Google аналитику и Yandex метрику
          Плавающее меню для больших и маленьких экранов. На больших экранах всегда сверху, на маленьких можно выбрать положение - верх или низ
          Стикеры товара (акции, новинки, лидеры продаж, бонусные баллы + 5 кастомных стикеров) Для каждого типа стикера можно задать цвет фона и текста и прочие данные
          Таймер для акционных товаров, с настройкой цвета цифр и текста
          Индикация наличия товара 3 вида отображения - полоса, текст и количество в числовом виде Настройки цвета, тестов и т.д.
          "Живой" пересчёт цены Работает в модулях, категориях, карточке товара и т.д. Цена пересчитывается в зависимости от выбранного кол-ва, опций, скидки от количества. 
          Выбор количества товара Выбор количества товара в модулях, категориях и т.д. (Может работать в паре с "Живой" пересчёт цены) Умеет изменять и округлять до ближайшего кратного при ручном вводе кратно минимальному количеству товара. Пример
          Отзывы о товаре Добавлены поля достоинств и недостатков товара Добавлена возможность ответа администрации на отзывы о товаре Отзывы в карточке товара индексируются
          Вкладка файлов для скачивания на странице товара Файлы прикрепляются штатными возможностями опенкарт
          Модуль "Баннеры в категориях" Показ текстовых или графических баннеров в категориях. Для каждого баннера можно выбрать одну или несколько категорий, дату начала и окончания показа и т.д.
          Модуль "Вы смотрели"
          Модуль "Список производителей"
          Модуль "Стена категорий" Умеет показывать категории второго уровня вложенности как основные
          Модуль показа последних или случайных отзывов
          Поддержка мультимагазина Поддерживается мультимагазин, созданный возможностями опенкарт Для каждого магазина создается отдельная вкладка настроек в панели управления шаблоном 
          А также: Смена фото товара на изображение выбранной опции Текстовые баннеры, с возможностью показа всплывающих окон с текстом и картинками при клике на баннере Показ опций, характеристик, модели в модулях и категориях Возможность ajax загрузки товаров при переходе по страницам товаров в категории Кнопка "Показать еще" в категориях товара Возможность отключения ссылки на текущую категорию в главном меню категорий Три вида отображения товара в категориях - добавлен третий вид, компактный. Замена текста и цвета кнопки "купить" для случаев когда товар уже в корзине или отсутствует на складе Микроразметка хлебных крошек, карточки товара, страницы новости, страницы контактов  Два варианта отображения вкладок (табов)   Подсветка различающихся характеристик товара на странице сравнения товаров Показ нескольких изображений товара в модулях, категориях и т.д Автовыбор первого значения опций в карточке товара И многое другое  
        Срок действия пробной бесплатной версии шаблона 7 (семь) дней.
        Для использования шаблона без ограничения по времени вам необходимо получить лицензионный ключ.
        Все сделанные настройки панели управления сохраняются и могут быть использованы далее после покупки лицензии.
         
        Демо:
        Главная страница
        Страница категории
        Страница товара
         
        Демо2:
        Главная страница
        Страница категории
        Страница товара
         
        Демо3:
        Главная страница
        Страница категории
        Страница товар
         
        Демо настроек шаблона:
        Панель настроек шаблона    логин/пароль - demo/demo
         
        Несмотря на богатый функционал шаблона, в файлы опенкарта вносится минимально возможное количество изменений, что положительно сказывается на совместимости шаблона со сторонними модулями.        
         
    • Recently Browsing   0 members

      No registered users viewing this page.

    ×
    ×
    • Create New...

    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.