Рекомендуемые сообщения

sitecreator    511
Image Compressor & Watermark (Супер-сжатие картинок JPEG, PNG и "водяной знак")


Image Compressor & Watermark (Супер-сжатие картинок JPEG, PNG и "водяной знак")


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

"Компрессор" (Image Compressor) обеспечит максимальное сжатие  на обычном хостинге (при наличии функции exec php)  и всегда на 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

 

 

image_compressor_by_sitecreator.jpg

 

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

 

Спойлер

 

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

Т. е. у хостера, у которого  есть хотя бы cron,  можно будет запускать суперсжатие в фоновом режиме.

 

 

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

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

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

 

pagespeed.jpg.8ab17f996d4619cc5bddf44c4762c429.jpg
 

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

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

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

 

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

 

Спойлер

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

 

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

 

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

 

Сделал сейчас универсальное решение (модификатор 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.

 

Для примера, мастерхост поддерживает на виртуальном хостинге  формат WebP.  Ниже ссылка на phpinfo хостера (php 5.5)

https://support.masterhost.ru/phpinfo55_gen_mphp.php

 

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

 

 

webp_gd.jpg.f51f7863b07ae524742bfcba1351aef8.jpg

webp_imagick.jpg.a5cd2b623634e24259b20dd7b7a7423b.jpg

 

 

 

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

 

Спойлер

Россия:

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

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

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

masterhost.ru WebP-GD mozjpeg, OptiPNG,  WebP

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

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

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

fozzy.com         WebP-GD mozjpeg, OptiPNG,  WebP

reg.ru              mozjpeg, OptiPNG,  WebP

 

Украина:

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

ukraine.com.ua WebP-GD  mozjpeg, OptiPNG,  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-а нет)

 

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

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

hoster.by mozjpeg, OptiPNG,  WebP

extmedia.by mozjpeg, OptiPNG,  WebP

 

Казахстан

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

Hoster.kz mozjpeg, OptiPNG,  WebP

 

 

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

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

 

Совместим с Opencart, Ocstore, opencart.pro версии 1.5.* и 2+

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

Ioncube Loader v5.0+

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

 

 

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

 

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

 

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

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

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

 

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

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

 

Спойлер

МОЖНО НЕ ЧИТАТЬ.

Это информация для любознательных.  Для профи, желающих знать как все работает.

Она необязательна в 99% случаев.

осталась от прошлых версий.

 

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

 

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

 

Centos 6+

Centos 7+

Ubuntu-14+

Debian-8-x86_64

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

 

Узнать версию (дистрибутива) Linux можно так на VDS:

 


cat /etc/issue
cat /proc/version
cat /etc/*-release

 

Самая стабильная версия mozjpeg - 3.1

 

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

 


yum group install "Development Tools"
yum install gcc autoconf automake libtool nasm make wget  git

wget https://github.com/mozilla/mozjpeg/releases/download/v3.1/mozjpeg-3.1-release-source.tar.gz
tar -xvf mozjpeg-3.1-release-source.tar.gz
cd mozjpeg
./configure
make
make install
ln -s /opt/mozjpeg/bin/cjpeg /usr/bin/mozjpeg

mozjpeg -version

yum install optipng
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

 

 

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

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

 

Спойлер

 

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

 

Все возможности суперсжатия теперь доступны для локальных доменов localhost и *.local  (ключ не нужен).

Функции 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.

 

 

 

 

Установку модуля осуществляет покупатель самостоятельно или его доверенное лицо.

 

62cc7e88b2.jpg.df15c8f0ffdc99aca22d738e4c93be64.jpg

 

 

webp_lossless.jpg.363a7d47af0e643f6e86876a9fd54f65.jpg

 

webp_for_png.jpg.6a1e85550c4c00fab08766b95f6321ad.jpg

 

 

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

 

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

 

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

(затрагивающими системную библиотеку и модель 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

 

 

 

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

История версий

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

Спойлер

 

1.0.0 Release

1.0.1 Добавлена возможность работы на Windows  с максимальными возможностями суперсжатия (mozjpeg & optipng)

1.0.2 Добавлено:  "Адаптивная обрезка" (" Адаптивный resize"  в терминах SEO CMS) изображений в трех вариантах:

  • автоматически (как у @markimax )
  • расположить по ширине (обрезать по высоте)
  • расположить по высоте (обрезать по ширине)

      Добавлена совместимость с шаблоном journal2  (он использует свой ocmod для изменения модели image.php)

1.1.0 Добавлена генерация изображений в WebP (из JPEG, PNG).  Это обеспечивает (при определенных условиях) максимальное сжатие картинок на обычном хостинге.

1.1.1 Улучшена совместимость с различными хост-площадками.

1.2.0

  • Для обычного хостинга добавлены новые возможности и улучшено автоопределение дополнительного софта для разных нестандартных случаев.
  • Пути для дополнительного софта можно теперь прописывать в конфиг сайта (MOZJPEG, OPTIPNG).  Это удобно если автоопределение не нашло софт или есть разные версии софта, но нужно выбрать определенную (поновее, например).
  • Для работы mozjpeg, optipng теперь необязательно наличие imagick (но желательно для более быстрой обработки)
  • В качестве водяного знака можно использовать также форматы GIF, PNG-8 (индексированные цвета)
  • Увеличена производительность суперсжатия (работает быстрее)
  • Для оценки степени суперсжатия в админке добавлен автоматический тест mozjpeg и вывод информации о размере файла до и после суперсжатия. Это дает понятие о том, насколько удачно собран дополнительный софт и можно судить о его эффективности.
  • Файлы, сжатые алгоритмом mozjpeg теперь получают метку (тег) "mozjpeg"

1.2.2

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

1.3.1

  •     Добавлена автоматическая установка всего необходимого софта в два клика.  Работает как на общем хостинге, так и на VDS. Просто как никогда.
  •     Добавлены средства диагностики и информации.
  •     Управление и очистка разнообразного кеша, включая memcache(d)

1.3.2

 

 

 

 

 

 

 


  • Добавил
  • Добавлено
    26.08.2017
  • Категория
  • Системные требования
    php 5.5+, Ioncube Loader 5+
  • Сайт разработчика
    https://sitecreator.ru/
  • Старая цена
    1650
  • Метод активации
    По запросу в ЛС
    По запросу на почту
  • Ioncube Loader
    Требуется
  • OpenCart
    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.4.1
    1.5.3.1
  • ocStore
    2.3
    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 1.5.6.4.х

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sitecreator    511
39 минут назад, AWARO сказал:

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

 

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

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

 

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

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

 

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

 

 

Изменено пользователем sitecreator

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584

@sitecreator кнопка редактирования вверху под соц сетями - действие

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
klaos27    115

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

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

Изменено пользователем klaos27

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
klaos27    115
3 минуты назад, AWARO сказал:

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478
2 минуты назад, klaos27 сказал:

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
klaos27    115
Только что, markimax сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478
7 минут назад, klaos27 сказал:

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584
5 минут назад, klaos27 сказал:

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478
1 минуту назад, AWARO сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478
Только что, AWARO сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584

@markimax

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sitecreator    511
5 минут назад, markimax сказал:

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

 

ок, добавлю.

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

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

 

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

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

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

 

В планах уже:

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

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sitecreator    511
15 минут назад, markimax сказал:

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

 

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

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478
10 минут назад, sitecreator сказал:

 

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

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

https://oc2.opencartadmin.com/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sitecreator    511
2 часа назад, markimax сказал:

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

 

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

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

 

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

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

 

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sitecreator    511
8 часов назад, klaos27 сказал:

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

 

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

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

 

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

 

f5051c615c.jpg

 

ddd54336c7.jpg

 

 

 

И после:

 

867a11b9ab.jpg

 

 

35e4044602.jpg

 

 

 

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

 

07683fef05.jpg

 

 

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

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

 

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

 

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

 

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

 

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

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

 

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

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

 

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

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

 

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

 

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

 

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478
1 час назад, sitecreator сказал:

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

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

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

;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584
2 часа назад, sitecreator сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sitecreator    511
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 из Фотошопа.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    584

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 478

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

;)

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От sitecreator
      Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.
      "Компрессор" (Image Compressor) обеспечит максимальное сжатие  на обычном хостинге (при наличии функции exec php)  и всегда на VDS.
      Установка софта (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
       
       

       
      Модуль по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
       
      Максимум настроек водяного знака (watermark): его позиция, поворот, прозрачность и т. д.
      Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.
      Адаптивный ресайз (resize, обрезка) изображения.
       

       
      Основной функционал модуля - это добавление водяного знака на изображения.  Как бонус - это использование автоматического  супер-сжатия картинок.
      С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP.
      Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.
       
      Немного о возможности использования WebP на обычном хостинге:
       
       
       
      Проверенные хостеры, которые поддерживают mozjpeg, OptiPNG,  WebP , т. е. возможно суперсжатие в полной мере.
       
       
      Совместим с Opencart, Ocstore, opencart.pro версии 1.5.* и 2+
      требования: php 5.5+ (5.5, 5.6, 7.0)  Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader v5.0+
      Модуль совместим с ускорителями/кешерами Jet Cache и Turbo и, скорее всего, с остальными.
       
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

       
       
      Модуль не может пока автоматически сжимать изображения, которые вы добавляете как ссылки, т. е. которые не попадают в кеш.  Это будет учтено в будущих версиях.
       
      Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.
       
      Совместимость со специфическими модулями и модификаторами,
      (затрагивающими системную библиотеку и модель image.php)
       
       
      ================
      История версий
      ==============
       
       
       
       
       
  • Последние посетители   0 пользователей онлайн

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