Перейти к содержанию

Компрессор изображений & водяной знак & обработка изображений (для Яндекс-Маркета в т.ч.) 1.9.0 + Админ Бар 1.3.1

1 200.00 руб (2 000.00 РУБ)

   (80 отзывов)

6 изображений

  • +1 12

Информация о файле

Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.

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

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

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

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

 

Вся магия здесь:

 

2479e835ed.jpg.58914507f23d728c4148d755afbb28f7.jpg

 

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

 

Демо 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 (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3)

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

Для Opencart 3.0  версия здесь: https://opencartforum.com/files/file/6148-kompressor-izobrazheniy-watermark-bonusy-dlya-opencart-30/

 

image_compressor_by_sitecreator.jpg

 

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

 

Спойлер

Наличие exec php теперь НЕ нужно

Но нужна пока еще proc_open php.

Вскоре будет снято ограничение на необходимость наличия функции php proc_open (она есть у большинства хостеров).

 

Данные функции вы можете включать/выключать самостоятельно у многих хостеров на обычных хост-площадках. И всегда на VDS.

 

 

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

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

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

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

 

pagespeed.jpg.8ab17f996d4619cc5bddf44c4762c429.jpg

 

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

 

Спойлер

 

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

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

 

d8514cf189.jpg

 

 

 

 

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

С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP. 

Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.

 

Немного о возможности использования WebP на обычном хостинге:

 

Спойлер

WebP - это компромиссный (запасной) вариант.  Если у вас работает mozjpeg, то WebP вам может быть и не нужен.

 

Если у вас работает mozjpeg, то нет особого смысла генерировать еще и WebP.  Есть резон выбирать что-то одно, а mozjpeg будет предпочтительнее WebP, т. к. работает в любом браузере и не требует модификации движка или конфига апачи (nginx).

 

Но WEbp может быть полезен если у вас много PNG изображений.  Преобразование их в WEBP может в разы снизить общий вес изображений.

 

Обычный хостинг должен соответствовать определенным условиям чтобы работал WebP. Проще всего режим WebP организовать на виртуальном хостинге если на нем только apache и есть хотя бы GD с поддержкой WebP, в этом случае не нужно менять код движка совсем.  Если же на обычном хостинге nginx+apache, то тут несколько сложнее,  т. к. нужно на некоторых хост-площадках вносить изменения в код движка.

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Часть хост-площадок  с nginx+apache позволяет легко выводить WebP в бразуер.  Покажу на примере http://ukraine.com.ua

Идете в "настройки сайта" и удаляете webp, png, jpg, jpeg jpg  из списка статики.

 

fce9e97254.jpg

 

 

нужно добавить в файл .htaccess (который в корне сайта) сразу после строки

-----------------------
RewriteEngine On
-----------------------

следующие строки:

-----------------------
# Check if browser support WebP images
RewriteCond %{HTTP_ACCEPT} image/webp

# Check if WebP replacement image exists
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f

# Serve WebP image instead
RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]

<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>

AddType image/webp .webp

 

 

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

Если ваш хостер не предусмотрел настройку списка  статических файлов для NGINX, то есть еще решение.

Сделал сейчас универсальное решение (модификатор webp_by_sitecreator.ocmod.xml) для сайтов на виртуальном хостинге.  Для отдачи WebP в браузер, поскольку важно не только сгенерировать WebP , но и  показать его в браузере, при этом несовместимым и старым браузерам отдавать JPEG. Вот эту задачу и решает модификатор.

Пока сделал решение для самых нагруженных картинками страниц: КАТЕГОРИИ и ТОВАР.

Проверено на дефолтном шаблоне, а также проверено на (и массе других):

 

XDS Coloring Theme от @xds ,

Fractal от @mrz .

2.x Revolution  от @pikitos

 

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

 

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

Как узнать поддерживает ли хостер WebP ?

 

Проверьте есть ли у вашего хостера (на виртуальном хостинге) поддержка WebP  (phpinfo) по умолчанию.  Такая информация актуальна только для виртуального хостинга. На VDS будет работать все по максимуму.

 

Использование  WebP - это некий компромисс когда невозможно использовать mozjpeg, а его на сегодня можно использовать почти везде. В РФ пока не нашелся ни один хостинг, на котором не смог бы работать mozjpeg.

Пример вывода phpinfo() с поддержкой WebP

файл phpinfo для загрузки:

info.php

 

webp_gd.jpg.f51f7863b07ae524742bfcba1351aef8.jpg

webp_imagick.jpg.a5cd2b623634e24259b20dd7b7a7423b.jpg

 

 

 

Проверенные хостеры, которые поддерживают mozjpegOptiPNG,   WebP , т. е. возможно суперсжатие в полной мере.

Это не означает, что другие не поддерживают, просто тут устанавливали уже  модуль и мне о названии хостера  сообщил заказчик.

В зоне RU  99.9% хостеров обеспечат максимальное сжатие, в зоне UA показатель поменьше - на уровне 90...95%

 

Спойлер

Россия:

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

beget.com      WebP-GD, WebP-imagick, mozjpegOptiPNG (максимальное сжатие PNG на обычном хостинге!)

adminvps.ru      mozjpegOptiPNG,   WebP (после компиляции, т. к. GD и imagick у хостера изначально без WebP)

masterhost.ru WebP-GD mozjpegOptiPNG,   WebP

mchost.ru   mozjpegOptiPNG,   WebP

timeweb.ru      WebP-cwebp (после компиляции)    mozjpegOptiPNG,   WebP

jino.ru              WebP-GD (на php 7.0), WebP-cwebp (после компиляции) mozjpegOptiPNG,   WebP

1gb.ru             WebP-cwebp (после компиляции)

fozzy.com         WebP-GD mozjpegOptiPNG,   WebP

reg.ru              mozjpegOptiPNG,   WebP

ruweb.net         mozjpegOptiPNG,   WebP

hc.ru              mozjpegOptiPNG,   WebP

nic.ru             mozjpegOptiPNG

infobox.org   mozjpegOptiPNG

eurobyte.ru  mozjpegOptiPNG,   WebP

webhost1.ru  WebP (создается по умолчанию и выводится за счет настроек nginx+apache для jpeg, png в панели упр.)

sprinthost.ru   mozjpegOptiPNG,   WebP

 

Украина:

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

ukraine.com.ua WebP-GD  mozjpegOptiPNG,   WebP

(проверить здесь: https://www.ukraine.com.ua/tools/hosting/phpinfo.php?ver=56)

В моем случае на ukraine.com.ua было почти все (больше чем заявлено в тестовом phpinfo): WebP-GD, WebP-imagick, OptiPNG (максимальное сжатие PNG на обычном хостинге!)

Подробный отчет здесь:

hostiq.ua    WebP-GD (imagick-а нет)

citydomain.com.ua    WebP-GD (imagick-а нет)

hostpro.ua WebP (imagick), по запросу включили php exec, поэтому mozjpegOptiPNG тоже работют

 

Белоруссия (Беларусь)

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

hoster.by mozjpegOptiPNG,   WebP

extmedia.by mozjpegOptiPNG,   WebP

besthost.by mozjpegOptiPNG,   WebP

 

Казахстан

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

Hoster.kz mozjpegOptiPNG,   WebP

 

Европа

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

Fastcomet.com mozjpegOptiPNG,   WebP

 

 

список составляется в данный момент

По крайней мере, в РФ не нашелся ни один хостер, на чьей площадке не заработал бы модуль "Компрессор &..." с максимальными возможностями сжатия.

 

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

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

Ioncube Loader v6.0+ (крайне рекомендуется 10+)

Касательно версии php.  Рекомендованный минимум (5.6) есть у любого хостера и на этой версии работает любой движок Opencart.

Ioncube loader 10+ есть сейчас, как минимум, у 95% хостеров (у всех нормальных), и все меньше остается нерадивых хостеров, которые не могут обновить старую версию Ioncube loader 6 (полуторагодовалой давности).

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

 

 

Модуль совместим с ускорителями/кешерами Jet Cache и Turbo и, скорее всего, с остальными.

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

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

 

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

 

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

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

 

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

 

Пояснение к лицензированию.
Лицензия предоставляется для одного домена.

 

Спойлер

 

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

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

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

Тестовым может быть также несуществующий домен (в несуществующей зоне) для тестов на локальной машине. Например, домен вида domain.local.  Но тестовым не может быть другой равноправный с основным домен. Даже если вы уверяете, что на этих "одинаковых" доменах находится один и тот же сайт. Я этот факт никак не могу проверить. Кроме того при желании получить халявную лицензию на 2-й домен можно временно разместить на 2-м домене точно такой же сайт как и на 1-м.  А уже после получения лицензии на 2-й домен преспокойно разместить на нем уже другой (действительно нужный) сайт.  Показал просто для примера, что можно сделать с якобы "тестовым" 2-м доменом, который равнозначен основному.

 

Исключение из правила для сайтов в зоне .ua .com.ua.

В данном случае одна лицензия применима для двух доменов (название одинаковое, но в двух разных зонах).

 

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

 

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

На второй (третий...) домен возможна скидка. Решается в индивидуальном порядке.

 

 

 

 

Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.

 

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

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

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

 

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

 

Спойлер

 

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

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

 

78b05f1af2.jpg

 

 

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

Цитата

 

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

extension/module/watermark_by_sitecreator
module/watermark_by_sitecreator

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

 


 

 

 

 

 

 

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

Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").

 

Спойлер

Модуль Компрессор все сам установит.

 

 

Инструкция по сборке софта для Unix систем удалена за ненадобностью. Было для:

 

Centos 6+

Centos 7+

Ubuntu-14+

Debian-8-x86_64

Windows (подразумевается машина разработчика и работа с Openserver)

 

 

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

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

 

Спойлер

 

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

 

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

 

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

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

 

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

 

mozjpeg_3.1_x86.zip

optipng.zip

 

Цитата

 

Создайте в 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.

 

 

 

Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.

 

62cc7e88b2.jpg.df15c8f0ffdc99aca22d738e4c93be64.jpg

 

 

webp_lossless.jpg.363a7d47af0e643f6e86876a9fd54f65.jpg

 

webp_for_png.jpg.6a1e85550c4c00fab08766b95f6321ad.jpg

 

 

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

 

Спойлер

0d2d4874ff.jpg

 

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

 

5be99f9da6.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

 

 


Админ БАР для управления изображениями (очистка кеша только для конкретной страницы)

и СЖАТИЕ изображений по прямым ссылкам и из CSS.

 

9f635f2481.jpg

Спойлер

 

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

 

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

 

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

 

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

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

 

 

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

 

18a6852d45.jpg

 

 

03db390afa.jpg

 

 

 

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

 

 




  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.