Jump to content

Recommended Posts

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


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


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

Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде без всяких условий!   Не надо спрашивать будет ли работать на вашем хостинге WEBP. Ответ простой - у вас будет WEBP! В данном решении предусмотрено практически все, включая полную совместимость с ускорителями Jet Cache, Turbo.

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

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

Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux и Windows.

 

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

 

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

 

sitecreator_ru_FXSX4hDpxq.jpg

 

 

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

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

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

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

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

 

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


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

 

Спойлер

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

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

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

 

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

 

 

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

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

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

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

 

 

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

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

 

sitecreator_ru_7EOQ4vkMBZ.gif

 

 

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

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

 

Спойлер

 

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

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

 

d8514cf189.jpg

 

 

 

 

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

 

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

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

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

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

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

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

 

 

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

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

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

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

 

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

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

 

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

 

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

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

 

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

 

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

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

 

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

 

Супер-сжатие выполняется согласно рекомендациям Гугла 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.

 

Тест Тест

 

 

 

 

 

 

 

webp_gd.jpg

webp_imagick.jpg

info.php

compress_images_by_sitecreator_webp.png


  • Добавил
  • Добавлено
    26.08.2017
  • Категория
  • Системные требования
    php 5.6+, Ioncube Loader (обязательно версия: 10+) )
  • Сайт разработчика
    https://sitecreator.ru/
  • Старая цена
    2990
  • Метод активации
    По запросу в ЛС
    По запросу на почту
  • 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.5.1
    1.5.5
    1.5.4.1
    1.5.3.1
  • ocStore
    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 6

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


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

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

 

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

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

 

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

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

 

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

 

 

Edited by sitecreator

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Edited by klaos27

Share this post


Link to post
Share on other sites

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

Share this post


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

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

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

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

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

Share this post


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

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

 

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

Share this post


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

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

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

Share this post


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

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

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

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

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

  • +1 1

Share this post


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

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

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

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

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

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

Share this post


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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


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

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

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

Share this post


Link to post
Share on other sites

@markimax

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

Share this post


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

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

 

ок, добавлю.

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

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

 

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

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

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

 

В планах уже:

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

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

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

 

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

Share this post


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

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

 

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

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

 

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

 

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

Share this post


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

 

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

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

https://oc2.opencartadmin.com/

Share this post


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

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

 

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

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

 

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

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

 

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

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

 

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

Share this post


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 "адаптивный ресайзинг".  Но не уверен, а лучший ли это алгоритм избавления от полей? Ведь с полями и часть изображения отрезается.  Или я все неправильно понял?

 

Share this post


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

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

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

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

;)

Share this post


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

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

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

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

Share this post


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 из Фотошопа.

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

;)

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

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

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

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

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


  • Similar Content

    • By legioner26
      Разработан модификатор автозаполнения картинок категорий из первой найденной картинки товара категории, а так же проставляются картинки для главных категорий и под категорий
      версии OpenCart 2.0, 2.1, 2.2, 2.3, 3.x  
      Просто заливаете товары с картинками, а картинки на категории проставятся сами.
      Устанавливаете модификатор как указано на картинке, чистим в модификациях кеш и обновляем. 
       
       
    • By legioner26
      399.00 руб
      Скачать/Купить дополнение


      Модификатор автозаполнения картинок категорий
      Разработан модификатор автозаполнения картинок категорий из первой найденной картинки товара категории, а так же проставляются картинки для главных категорий и под категорий
      версии OpenCart 2.0, 2.1, 2.2, 2.3, 3.x  
      Просто заливаете товары с картинками, а картинки на категории проставятся сами.
      Устанавливаете модификатор как указано на картинке, чистим в модификациях кеш и обновляем. 
       
       
      Добавил legioner26 Добавлено 31.08.2017 Категория Модули Системные требования Сайт разработчика Старая цена 650 Метод активации Без активации 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 legioner26
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      По адаптации шаблонов пишите в ЛС
       
      Тестировался с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      DEMO Логин: demo Пароль: demo
      http://demo.teplomir-svet.ru/index.php?route=product/product&product_id=43  
       
      https://opencartforum.com/profile/723002-legioner26/?tab=field_core_pfield_13 ->> Собственный программный модуль по парсингу товаров под управлением OpenCart
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

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