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

Тема в разделе "Модули и дополнения", создана пользователем sitecreator, 16 окт 2017.

  1. sitecreator

    sitecreator Новичок

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

    "Компрессор" (Image Compressor) обеспечит максимальное сжатие на обычном хостинге (при наличии функции exec php) и всегда на VDS.

    Установка софта (mozjpeg и optiPNG) в два клика и не требует знаний Linux.
    Вся магия здесь:

    [​IMG]

    Работает уже на более чем 200 сайтах (только движок Опенкарт)

    [​IMG]


    Демо 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


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

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

    Совместим с Opencart, Ocstore, opencart.pro, "Русская сборка" версии 1.5.* и 2+
    требования: php 5.5+ (5.5, 5.6, 7.0, 7.1) Версию php у хостера вы можете изменить самостоятельно через панель управления.
    Ioncube Loader v5.0+


    [​IMG]


    Пожалуйста, лицензию запрашивайте, написав мне на почту: opencart@sitecreator.ru.


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


    Дополнительный софт (mozjpeg, optipng) необязателен к установке, это лишь рекомендация для достижения максимального сжатия.

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

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

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

    Необходимо всего лишь скачать OptiPNG отсюда http://optipng.sourceforge.net/
    и mozjpeg отсюда: https://mozjpeg.codelove.de/binaries.html
    --------------------------------------------------------------------------------------------------------

    Купить можно здесь:
    http://shop.opencart-russia.ru/index.php?route=product/product&product_id=629 (когда одобрят)
    и в других известных всем магазинах (ссылки запрещены или нет?)

    [​IMG]
     
    Последнее редактирование: 27 фев 2018
    Bkmz нравится это.
  2. Ravilr

    Ravilr Специалист

    Сообщения:
    3.877
    Симпатии:
    1.064
    Нежелательны... это же реклама получается уже..;)
     
  3. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    В новой версии 1.6.3 масса нового функционала.
    Добавлена работа с группами изображений.
    Для каждой группы возможны индивидуальные настройки.

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

    [​IMG]

    [​IMG]



    Можно создавать изображения с непостоянной высотой, например. Вот так:

    [​IMG]
     
  4. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    Модуль фактически превращается в самый мощный комбайн по работе с изображениями.
    Любые пожелания и причуды для работы с изображениями реализуемы!

    Фактически на сегодня и близко нет ничего подобного как альтернатива.

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

    Пример работы автоматического алгоритма:

    [​IMG]

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

    [​IMG]

    Показываю "под микроскопом":

    [​IMG]



    Модуль "Image Compressor & Watermark by Sitecreator" способен автоматически обрабатывать изображения с таким сложным фоном.
     
  5. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    В модуль встроены продвинутые средства управления кешем.
    Включая управление кешем memcache (memcached) и включая кеш сторонних производителей (Turbo и др.)

    [​IMG]
     
  6. sitecreator

    sitecreator Новичок

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

    [​IMG]
     
  7. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    Вышла очередная новая версия Компрессора.
     
  8. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    Модуль теперь умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара.


    пример: http://watermark.sitecreator.pro/index.php?route=product/product&path=20&product_id=47

    Совместим с любой версией модуля Компрессор.



    [​IMG]



    image_by_direct link_by_sitecreator.ocmod.zip


    для движка 2.* версии
    Для движка 1.5 немного позже сделаю vqmod.

    [​IMG]
     
  9. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    Админ бар доступен для скачивания на странице модуля.

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

    Совместимо с любой версий Компрессор.


    Пока для движка 2.*


    Позволяет очищать кеш изображений, которые загружены на странице.
    Всплывающее изображение не будет удалено из кеша пока оно не будет загружено в браузер, т. е. пока не всплывет.
    Устанавливается обычным способом через стандартный установщик ocmod движка.


    Доступ к админ-бару имеет пользователь (только администратор!), у которого есть полный доступ к модулю Компрессор.

    Положение админ-бара от sitecreator можно менять на свое усмотрение. Положение запоминается.




    [​IMG]



    [​IMG]

    [​IMG]
     
  10. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    Админ бар для работы с изображениями новой версии 1.2.



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



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



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

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





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



    [​IMG]





    [​IMG]







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



    [​IMG]





    [​IMG]
     
  11. Vlad

    Vlad Эксперт

    Сообщения:
    4.129
    Симпатии:
    999
    Удалить не привязанные изображения можно? Как никак "комбайн" :)
     
  12. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    что такое "не привязанные"? и зачем их удалять?
     
  13. Vlad

    Vlad Эксперт

    Сообщения:
    4.129
    Симпатии:
    999
  14. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    В настоящее время доступна версия модуля Компрессор 1.9.1
    Цена на модуль в данный момент 1290 р. разработчикам скидки.

    Умеет грамотно работать с изображениями для Яндекс-Маркета (и т.п.). Умеет накладывать стикеры на изображения для выгрузки на торговые площадки. Стикеры могут быть индивидуальными для каждого товара.

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

    Стикеры - это как один из элементов продвижения.

    В админке выглядит так:

    [​IMG]
     
  15. sitecreator

    sitecreator Новичок

    Сообщения:
    26
    Симпатии:
    3
    Анонс.

    На этой неделе планируется релиз нового модуля

    "Free space from huge or excesses images"

    (Освободить пространство от огромных или лишних изображений)



    Планируется развитие модуля.

    Сейчас уже реализовано:



    1) Сканирование папки с исходными изображениями на предмет нахождения картинок, превышающих размеры ШИРИНА х ВЫСОТА.



    2) В фоновом режиме (с равномерной нагрузкой на процессор, которую вы можете регулировать в зависимости от мощности вашей площадки) производится ресайз изображений до размеров, не превышающих заданные ранее ШИРИНА х ВЫСОТА. Предполагается задание разумных размеров, обычно равных самому большому изображению товара (как правило, это всплывающее) или немного большему. Разумно поставить ограничение в 1000 х 1000 или в 1200 х 1200, но не более.



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

    Если у вас довольно мощный VDS (2 ядра как минимум), то можно без опаски выставлять значения вроде 1000 за один раз. Поскольку мощности достаточно, то одно ядро можно нагрузить практически непрерывной работой по ресайзу исходников. Так ресайз произойдет быстро без ущерба для работы сайта, т. к. останутся для этого свободные ядра.



    3) Одновременно с ресайзом огромных изображений до вменяемых размеров будет происходить исправление неправильных изображений. Так очень часто внутри изображения с расширением JPEG содержится изображение формата PNG. Модуль корректно преобразует это изображение в формат JPEG , что позволит получить также и выигрыш в размере файла.



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





    Показываю какой достался мне магазин с гигантскими изображениями товаров. 8000 пикселей по стороне? Это ли не за гранью добра и зла? У меня профессиональная фотокамера выдает максимум 6000*4000 (24 Мпкс).



    черно-белое изображение в 3.5 Мега?

    [​IMG]





    А цветное более 8 Мег?



    [​IMG]



    [​IMG]



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



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

    Вероятно, что сжатие исходников тоже может быть полезным. Высказывались такие пожелания. Хотя я считаю с чисто практической точки зрения это малополезным, учитывая, что сжатие - это довольно затратная по ресурсам операция.

    Но если кому-то это реально нужно, то добавлю.
     
    Bkmz нравится это.
  16. Дабл

    Дабл Новичок

    Сообщения:
    9
    Симпатии:
    0
    Здравствуйте. Много полезной инфы, и в частности сам модуль, не могу только разобраться... Способен ли этот модуль убрать лишний водяной знак (иконку, информацию) с исходного файла? и если их 500шт возможно ли это сделать пачкой?
    Ниже фото как пример IMG062233e3b746c6ba22e8e673f7cfd15b-100x100.jpg 15_kopeek_1916_g_serebro_2_original.jpg IMG062233e3b746c6ba22e8e673f7cfd15b-100x100.jpg 15_kopeek_1916_g_serebro_2_original.jpg IMG062233e3b746c6ba22e8e673f7cfd15b-100x100.jpg
     
  17. emporios

    emporios Новичок

    Сообщения:
    2
    Симпатии:
    0
    У меня стоит задача сейчас в интернет магазине, который наполняется через парсер, что бы налету (происходило автоматическое сжатие) фото сжимались при закачке на сервер.
    Возможно ли средствами вашего модуля такое сделать либо это уже решается, когда фото загружены и потом надо включить скрипт по обработке всех фото на сжатие?