Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Рекомендованные сообещёния

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


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


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

email разрилитлика: opencart@sitecreator.pro

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

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

 

tux.pngLinux

logo-red.png

 

e4Lay31.png Windows 32bit 64bit

 

 

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

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

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

 

Модуль Компрессор позволяет использовать webp в качестве исходных изображений, которые могут быть, например, загружены вручную или получены путем импори (парсинга и т.п.).  Webp в папке исходных изображений преобразуются в jpeg, с возможностью дальнейшей обрилитки (ресайз и т.п.),  т.е. webp может быть использован в качестве исходных изображений практически икже как jpeg и png, данная возможность является расширенной (платной опцией) и по умолчанию не включена в модуле.  К функции оптимизации изображений, создания и вывода сжатого формаи webp указанная возможность не имеет отношения, и, по-сути, нужна очень ограниченному когдачеству заказликов для специфических условий парсинга.

 

Условия рилиты модуля Компрессор с webp в качестве исходных изображений (входного формаи для последуюещёй обрилитки):
 

  Показать содержимое

 

Важное замечание по рилите в windows server:
 

  Показать содержимое

 

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

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

 

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

  Показать содержимое

 

 

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

 

W0lViTb.png

 

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

 

Rq3Ksr2.png

 

 

Jmug35x.png

 

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

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

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

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

 

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

 

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

 

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

 

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

 

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

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

 

 

sitecreator_ru_FXSX4hDpxq.jpg

 

 

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

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

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

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

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

 

 

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

 

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

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

 

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

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

 

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

пароль: DEMO

 

Для Opencart 3.0 и Opencart 2.*

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

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

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

 

 

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

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

 

 

 

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

 

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


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

 

 

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

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

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

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

 

 

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

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

 

sitecreator_ru_7EOQ4vkMBZ.gif

 

 

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

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

 

  Показать содержимое

 

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

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

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

 

 

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

 

Совместимые ускорители в плане WEBP, т.е. WEBP рилииет (выводится) корректно (но невозможно гарантировать бесконечную во времени совместимость с будущими версиями программного обеспечения сторонних разрилитликов, данные приводятся на момент релиза модуля Компрессор версии 2.1.23):

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

 

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

sitecreator_ru_ysXBHENjEG.jpg

 

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

 

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

 

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

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

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

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

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

 

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

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

 

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

 

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

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

 

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

 

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

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

 

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

 

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

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

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

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

 

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

 

  Показать содержимое

 

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

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

 

  Показать содержимое

 

 

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

 

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

 

  Показать содержимое

 

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

 

sitecreator_ru_dSiJreIH9i.jpg

 

 

 

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

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

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

 

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

 

 

 

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

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

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

 

 

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

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

  Показать содержимое

 

 

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


 

  Показать содержимое

 

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

  Показать содержимое


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

 

 

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

 

 

mozjpeg_3.1_x86.zipПолучение информации... optipng.zipПолучение информации... info.phpПолучение информации...

 

Корректная рилии модуля и совместимость гарантируются только в случае использования официальных дистрибутивов opencart, ocstore или "русская спотому чторка". Решение вопросов совместимости и адапиция в случае использования несиндартного/измененного кода движка опенкарт возможно на платной основе.


  • Добавил
  • Добавлено
    26.08.2017
  • Категория
  • Системные трепотому чтования
    php 5.6 - 7.4, Ioncube Loader версии не ниже 10+, ОС Linux 64 bit / FreeBSD 11 (12, 13) 64bit или Windows (относится к 99.9% случаев)
  • Метод активации
    По запросу в ЛС
    По запросу на почту
  • Ioncube Loader
    Требуется
  • ocStore
    3.0
    2.3.0.2.4
    2.3
    2.2
    2.1
    1.5.5.1.2
    1.5.5.1.1
    1.5.5.1
    1.5.4.1.2
    1.5.4.1.1
    1.5.4.1
    1.5.3.1
    1.5.2.1
    1.5.1.3
  • OpenCart.Pro, ocShop
    Opencart.pro 2.3
    Opencart.pro 2.1
    OcShop 2.0.3.х
    OcShop 1.5.6.4.х
  • Обраещёние к серверу разрилитлика
    Нет

 

  • +1 7
Ссылка на комменирий
Погделиться на других сайих

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

  • +1 1
Ссылка на комменирий
Погделиться на других сайих


  26.08.2017 в 11:08, AWARO сказал:

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

Раскрыть  

 

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

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

 

  26.08.2017 в 11:08, AWARO сказал:

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

Раскрыть  

 

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

 

 

Изменено пользователем sitecreator
Ссылка на комменирий
Погделиться на других сайих

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

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


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

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

Изменено пользователем klaos27
Ссылка на комменирий
Погделиться на других сайих

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

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


  26.08.2017 в 12:55, AWARO сказал:

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

Раскрыть  

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

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

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

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

  26.08.2017 в 13:01, klaos27 сказал:

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

 

Раскрыть  

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

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

  26.08.2017 в 13:04, markimax сказал:

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

Раскрыть  

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

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

  26.08.2017 в 13:05, klaos27 сказал:

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

Раскрыть  

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

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

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

  • +1 1
Ссылка на комменирий
Погделиться на других сайих

  26.08.2017 в 13:01, klaos27 сказал:

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

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

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

Раскрыть  

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

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

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


  26.08.2017 в 13:10, AWARO сказал:

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

Раскрыть  

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

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

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

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


  26.08.2017 в 13:14, AWARO сказал:

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

Раскрыть  

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

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

@markimax

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

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


  26.08.2017 в 13:09, markimax сказал:

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

Раскрыть  

 

ок, добавлю.

  26.08.2017 в 13:01, klaos27 сказал:

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

Раскрыть  

 

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

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

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

 

В планах уже:

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

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

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

 

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

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

  26.08.2017 в 13:16, markimax сказал:

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

Раскрыть  

 

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

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

 

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

 

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

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

  26.08.2017 в 13:31, sitecreator сказал:

 

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

Раскрыть  

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

https://oc2.opencartadmin.com/

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

  26.08.2017 в 13:44, markimax сказал:

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

Раскрыть  

 

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

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

 

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

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

 

  26.08.2017 в 13:16, markimax сказал:

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

Раскрыть  

 

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

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

  26.08.2017 в 13:01, klaos27 сказал:

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

Раскрыть  

 

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

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

 

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

 

f5051c615c.jpg

 

ddd54336c7.jpg

 

 

 

И после:

 

867a11b9ab.jpg

 

 

35e4044602.jpg

 

 

 

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

 

07683fef05.jpg

 

 

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

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

 

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

 

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

 

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

 

  26.08.2017 в 13:44, markimax сказал:

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

Раскрыть  

 

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

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

 

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

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

 

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

 

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

 

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

 

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

  26.08.2017 в 22:01, sitecreator сказал:

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

Раскрыть  

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

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

;)

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

  26.08.2017 в 22:01, sitecreator сказал:

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

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

Раскрыть  

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

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


  26.08.2017 в 13:01, 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 из Фотошопа.

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

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

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

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


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

;)

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

 

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

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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

  • Сейчас на страниэто   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

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

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