Модуль: Водяной знак на изображения + Суперсжатие изображений JPEG/PNG (Watermark + SUPERcompressing JPEG/PNG by Sitecreator)
Разработчик: sitecreator.ru

Совместим с Opencart, Ocstore, opencart.pro версии 2+ ( тестировался на 2.0, 2.1, 2.2, 2.3) и версии 1.5.*

Установка софта для сжатия изображений Опенкарт (mozjpeg и  optiPNG) в два клика на обычный хостинг и 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

 

требования: php 5.5+ (5.5, 5.6, 7.0, 7.1)

Ioncube Loader v5.0+

При использовании php 5.4 работа модуля в полном объеме не гарантируется в данный момент. Данная версия не рекомендуется и пока не поддерживается.
Версию php практически на любом хостинге вы можете изменить самостоятельно через панель управления.

Работает как на обычном (виртуальном) хостинге, так и на VDS/VPS.

На VDS/VPS возможностей по сжатию значительно больше и выше степень сжатия чем на обычном хостинге. Для минимальной функции суперсжатия необходимо наличие расширения php imagick (есть у большинства хостеров), в противном случае сжатие возможно за счет расширения php GD (есть везде). Если применяется php GD, то доступна лишь функция выбора уровня качества (степени сжатия). Функция Watermark работоспособна на любом хостинге.

 

 

 

Основной функционал модуля - это добавление водяного знака на изображения.  Как бонус - это использование супер-сжатия картинок без потерь качества для форматов JPEG и PNG.
Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
Google  PageSpeed Insights благодаря этому дает более высоку оценку вашему сайту в баллах и перестает ругаться на плохо оптимизированные по размеру изображения.
Т. е. предложение от Гугла "Оптимизируйте изображения"  вы увидите значительно реже.  При равномерном качестве исходных изображений на выходде получаются оптимизированные картинки примерно в 99% случаев.
Если качество исходных картинок сильно различается, т. е. имеются как четкие, так и размытые изображения, то эффективность несколько ниже как раз именно из-за исходников низкого качества.

Функция "наложение водяного знака" является основной и работает как на обычном (виртуальном) хостинге, так и на VDS/VPS.
Никакого дополнительного софта для работы этой функции на сервере не требуется.  Только стандартный набор, который необходим для Opencart/OcStore.

Функция "супер-сжатие изображений JPEG/PNG"  включается автоматически в зависимости от установленного на сервере софта.  данная функция автоматически выбирает наилучший алгоритм сжатия из возможных.

 

Возможности отражены на скриншоте админской части модуля.

 

 

 

 

 

 

Разницу в сжатии файлов между алгоритмами imagick и mozjpeg можно оценить здесь:

 

 

 

Админ бар для работы с изображениями новой версии 1.2.

 

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

 

Существуют модули (меню, напр.)  которые картинки добавляют не как элементы HTML, а как фон посредством CSS.

 

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

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

 

 

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

 

 

 

 

 

 

пример меню, в котором картинки сделаны фоном:

 

 

 

 

Для минимальной своей работы требует наличие imagick/ImageMagick.  Многие хостеры (хост-провайдеры) даже для виртуального хостинга предлагают к использованию расширение php-imagick.
Уже этого достаточно чтобы получить более оптимизированные по размеру файлы изображений.  Google  PageSpeed Insights оценит положительно такую оптимизацию.  
Но возможностей imagick недостаточно для получения наиболее высоких показателей сжатия. Для этой цели на сервере должны быть установлены mozjpeg и OptiPNG.  
Это доступно всем, у кого есть VDS/VPS (виртуальный выделенный сервер) или полноценный выделенный сервер. Об установке такого софта будет ниже.

Программное решение модуль "Водяной знак на изображения + Суперсжатие изображений JPEG/PNG (Watermark + SUPERcompressing JPEG/PNG by Sitecreator"
предоставляется «как есть» без каких-либо явных или подразумеваемых гарантий.
Ни в коем случае автор (ы) не несет ответственности за любые убытки, возникшие в результате использования этого программного обеспечения.
Данный принцип предоставления де-факто является стандартом для любого программного обеспечения.

Одна лицензия дает право использовать модуль на одном домене.

Не смотря на то, что функция Суперсжатия является бонусом, разработчик (sitecreator.ru) оказывает помощь в установке всего необходимого софта на ваш сервер (VDS/VPS) чтобы данная функция была работоспособна по максимуму.
Предполагается, что у вас операционная система сервера - это Linux (в разных вариантах). На операционке FreeBSD возможности модуля не тестировались ввиду ее крайне слабой популярности, но установка также возможна.
Оказание помощи в установке софта на сервер является проявлением доброй воли автора модуля, но не его обязанностью. Тем не менее постаряюсь помочь всем, кто самостоятельно не осилит инструкцию по установке.

Для работы модуля необходимо наличие php 5.5+ (поддерживается: 5.5, 5.6, 7.0).  Практически на любом хостинге вы можете выбрать нужную версию php, на VDS/VPS это вообще без проблем.
На версии php 5.5+ без проблем работает opencart/ocstore и все его модули, как минимум, это относится  к версии Опенкарт 2+.
Если у вас по какой-либо причине установлен только php 5.4, то автор модуля и в этом случае постарается вам помочь.

Модуль протестирован на Opencart, Ocstore,  Opencart.pro версий 2.1 и 2.3.  По идее должен работать на всей линии 2+.  версии 2.0 и 2.2 - довольно редкие, специально тест для них не проводился.
Если у вас не завелся модуль именно на этих редких версиях, то обращайтесь в поддержку.

Модуль требует наличия Ioncube Loader v5.0

Модуль совместим с ускорителями/кешерами Jet Cache и Turbo и, скорее всего, с остальными.
Если вы использовали до этого другой модуль водяного знака, то отключите его, в том числе соответствующий ocmod/vqmod.

Чтобы появился водяной знак на изображениях нужно (кроме включения в модуле "Накладывать watermark") очистить кеш ускорителя/кешера (если есть) и кеш изображений.
Тоже самое (очистить кеш) нужно сделать если вы не используете водяной знак, но желаете чтобы к картинкам было применено Суперсжатие.
Функции watermark и Суперсжатие работают независимо друг от друга, т. е. Суперсжатие не требует наличие включенного watermark, Суперсжатие включено всегда и работает по максимуму если есть соответствующий софт.

Водяной знак можно через настройки модуля регулировать, а именно можно менять его размеры, расположение, поворот и прозрачность.
Можно задавать качество/размер для JPEG формата изображений.

 

           

 

            УСТАНОВКА софта на сервер для максимальной функции Суперсжатия

(максимальное сжатие файлов изображений без потерь качества)

           
        
Напрямую к модулю данный софт не имеет отнношения.  и устанавливается по желанию для достижения максимальных результатов по сжатию.
        
Необходим imagick.  Включается данное расширение php в панели управления ISPmanager для соответствующей версии php.

Дальнейшая работа по установке софта требует определенных навыков работы с ОС Linux и выполняется через шелл ("командная строка").
Требуется понимание того, что вы делаете через шелл.
Рекомендуется для работы использовать терминал для работы по протоколу SSH"putty" или "kitty" (или аналогичный).
Не рекомендуется пользоваться встроенным шеллом в ISPmanager.

Все работы выполняются от пользователя root.
 

            Для Centos 7

 

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

 

yum group install "Development Tools"
yum install gcc autoconf automake libtool nasm make pkg-config git
git clone https://github.com/mozilla/mozjpeg.git
cd mozjpeg
autoreconf -fiv
./configure
make

make install

ln -s /opt/mozjpeg/bin/cjpeg /usr/bin/mozjpeg

mozjpeg -version

yum install optipng
optipng -v

Команды "mozjpeg -version" и "optipng -v"  позволяют нам убедиться, что нужный софт установлен.

Из репозитория OptiPNG устанавливается не всегда самой актуальной версии, поэтому рекомендуется собрать его самостоятельно из исходных кодов.
На данный момент актуальная - это OptiPNG 0.7.6 (http://optipng.sourceforge.net/)

 

Сборка и установка актуальной версии OptiPNG:

wget http://prdownloads.sourceforge.net/optipng/optipng-0.7.6.tar.gz
tar -xvf optipng-0.7.6.tar.gz
cd optipng-0.7.6/
./configure
make
make test
make install

optipng -v

 

 

 

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

Данный вариант установки здесь не рассматривается.  Вся информация есть тут: http://optipng.sourceforge.net/

 

            Ubuntu-16.04-amd64

 
            
Аналогично установке на Centos, но требуется "sudo"    для операций от root.

          

sudo apt-get install gcc autoconf automake libtool nasm make pkg-config git

git clone https://github.com/mozilla/mozjpeg.git
cd mozjpeg
autoreconf -fiv
./configure
make

sudo make install


sudo ln -s /opt/mozjpeg/bin/cjpeg /usr/bin/mozjpeg


sudo apt-get install optipng

 

            Debian-8-x86_64

      

apt-get install gcc autoconf automake libtool nasm make pkg-config git
git clone https://github.com/mozilla/mozjpeg.git
cd mozjpeg
autoreconf -fiv
./configure
make

make install


ln -s /opt/mozjpeg/bin/cjpeg /usr/bin/mozjpeg


apt-get install optipng

     
            
При появлении вопроса от shell необходимо отвечать утвердительно ("y" и Enter):

 

В процессе сборки не должно появляться сообщений об ошибках.

Возможно, что некоторые необходимые компоненты (например, gcc) у вас уже установлены.  Они просто не будут устанавливаться, операционная система сообщит об этом.



Вы можете увидеть такие ошибки:

На них можно не обращать внимания. Они не мешают нормальной компиляции необходимых исполняемых кодов.

Simd / Makefile.am передает --tag NASM в libtool, чтобы поддерживать более старые версии libtool, но, к сожалению, более новые версии libtool генерируют это предупреждение.

Этот момент, например, описан здесь: https://sourceforge.net/p/libjpeg-turbo/mailman/message/34381375/