WT On fly image handler изображения товара JoomShopping в webp на лету - JoomShopping

Обработка изображений товара JoomShopping при редактировании: одинаковые пропорции, конвертация в один формат, удаление прозрачности, именование файлов. Используется библиотека Intervention Image.
Скачать плагин
Текущая версия: 2.0.0. от 29.01.2025
Совместимость: Joomla 5.2.3. JoomShopping 5.5.4.


Зачем нужен плагин?
Плагин позволяет при редактировании товара интернет-магазина Joomla JoomShopping изменять размеры изображений, приводить их к одинаковым пропорциям, убирать прозрачность и сохранять все изображения в одном формате, например в WEBP.
Возможности плагина
Настройки конвертации изображений
Для работы плагина используется известная PHP библиотека обработки изображений Intervention Image. Она позволяет сохранять все изображения товаров интернет-магазина JoomShopping в одном формате (например, в WEBP).
Плагин использует настройки размеров изображений JoomShopping: JoomShopping - Настройки - Изображения. Также используется настройка качества сохраняемых изображений. Настройки метода изменения размера и цвета заливки игнорируются. По умолчанию цвет заливки - белый.
Делать изображения квадратными?
Если да, то изображения будут приведены к квадратным пропорциям исходя из наибольшей стороны изображения. Будет обрезан лишний пустой фон, добавятся необходимые поля до квадратной пропорции, заливка фона белым цветом. Если нет, то размеры изображений будут изменены согласно настройкам JoomShopping. Лишние области изображения отрезаются. Если указаны значения и высоты и ширины - большая сторона будет изменена до указанной в настройках, меньшая сторона будет изменена пропорционально. Если указана только одно значение - высоты или ширины - вторая сторона будет изменена пропорционально. Если высота и ширина в настройках равны 0 - изображение просто будет сохранено в указанном формате без изменения размера.
Выходной формат файла
Плагин может сохранять изображения в форматах GIF, PNG, JPG, WEBP, AVIF.
Переименовывать файлы изображений?
Если включено, то название файла изображения будет изменено на название товара по правилам формирования алиасов в Joomla: пробелы заменены на дефисы. Если изображений несколько, то к названию товара будет добавлен числовой индекс. Например, товар называется "Телефон Panasonic", а файлы изображений будет называться "telefon-panasonic", "telefon-panasonic-1", "telefon-panasonic-2" и т.д.

#Changelog

7 апреля 2022 года - вышла версия 1.0.2. Поддержка Joomla 4 и JoomShopping 5

Хорошо бы если перед сохранением, плагин прогонял через сервис https://squoosh.app/

Это может сказаться на производительности сайта и контент-менеджеров. Представьте, при каждом сохранении товара будет дёргаться сторонний сервис, который может отвалиться или зависнуть...

Реализовать как опцию. Это гугловский сервис, очень мало вероятно, что он отвалится или еще чего.

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

Из за чего может быть ошибка
Произошла ошибка
0 ImageMagick module not available with this PHP installation.

в php.ini строка  extension=imagick.so  добавлена
плагин установился без ошибок. Стутус включен.
В настройках изображения joomshopping  надпись присутствует
"Обработка изображений при сохранении товара ведётся плагином JShoppingadmin - WT On fly image handler. При обработке учитываются настройки размера изображений и качества обработанных изображений."

Версия Joomla 3.10.5 JoomShopping 4.18.5 php 7.2

З.Ы.
проблема ушла при установке на сайт хостера на локальном веб сервере работать не хочет

походу версия пыха не поддерживается

https://github.com/spatie/image-optimizer можно взять на заметку, если хочется оптимизации картинок и не зависеть от сторонних сервисов

Из за чего может быть ошибка
Произошла ошибка
0 ImageMagick module not available with this PHP installation.

в php.ini строка  extension=imagick.so  добавлена
плагин установился без ошибок. Стутус включен.
В настройках изображения joomshopping  надпись присутствует
"Обработка изображений при сохранении товара ведётся плагином JShoppingadmin - WT On fly image handler. При обработке учитываются настройки размера изображений и качества обработанных изображений."

Версия Joomla 3.10.5 JoomShopping 4.18.5 php 7.2

З.Ы.
проблема ушла при установке на сайт хостера на локальном веб сервере работать не хочет

В телеграм-чате уже отвечали на этот вопрос - не установлено расширение PHP Image magic на локальном сервере.

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

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

Если вдруг кому интересно, решил свой вопрос изменив метод handleImage, убрав строки, которые отвечают за обрезку фона:

function handleImage(string $path_full, array $options): void
{
    $widthFit  = $options['widthFit'];
    $heightFit = $options['heightFit'];

    $jversion = new Version();
    if (version_compare($jversion->getShortVersion(), '4.0', '<')) {
        // only for Joomla 3.x
        $jshopConfig = JSFactory::getConfig();
    } else {
        // Joomla 4
        $jshopConfig = \JSFactory::getConfig();
    }

    list($width, $height, $type, $attr) = getimagesize($path_full);
    $manager = JInterventionimage::getInstance(['driver' => 'imagick']);

    // https://github.com/Intervention/image/issues/551 Transparency on PNG issue
    $tmp_file = $manager->make($path_full);
    $img      = $manager->canvas($tmp_file->width(), $tmp_file->height(), '#ffffff');
    $img->insert($tmp_file);

    // Убираем обрезку лишнего фона
    // $img->trim('top-left', null, 20, 50);

    //Делаем изображения квадратными
    if ($this->params->get('square_image', 0) == 1)
    {
        $width  = $img->getWidth();
        $height = $img->getHeight();
        $ratio  = $width / $height;

        if ($ratio != 1)
        {
            if ($width > $height)
            {
                //http://image.intervention.io/api/resizeCanvas
                $new_height = $width;
                $img->resizeCanvas($width, $new_height, 'center', false, '#ffffff');
            }
            elseif ($height > $width)
            {
                $new_width = $height;
                $img->resizeCanvas($new_width, $height, 'center', false, '#ffffff');
            }

            if ($heightFit > $widthFit)
            {
                $widthFit = $heightFit;
            }
            elseif ($widthFit > $heightFit)
            {
                $heightFit = $widthFit;
            }
        }
    }

    // Если оба значения NULL - не меняем размер, переходим к сохранению
    if (!is_null($widthFit) || !is_null($heightFit))
    {
        // resize the image so that the largest side fits within the limit; the smaller
        // side will be scaled to maintain the original aspect ratio
        // https://image.intervention.io/v2/api/resize
        $img->resize($widthFit, $heightFit, function ($constraint) {
            $constraint->aspectRatio();
            $constraint->upsize();
        });
    }

    $img->save($options['savepath'] . '/' . $options['new_file_name'] . '.' . $options['new_file_format'], $options['image_quality'], $options['new_file_format']);
}

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

WT On fly image handler v.2.0.0 плагин обработки изображений JoomShopping 5+

Список изменений
- Поддержка Joomla 5. Плагин переписан на новую архитектуру расширений Joomla 4 / Joomla 5. Это означает, что он будет работать и в Joomla 6.
- Удалена поддержка Joomla 3. Окончательно удалена поддержка Joomla 3.
- Водяные знаки. Добавлена возможность наложения водяных знаков на изображения.
- JIntrevention Image 3.10+. Для работы плагина требуется библиотека JIntervention Image не ниже 3.10. PHP 8+.

Плагин бесплатный.

- Страница расширения (https://web-tolk.ru/dev/joomla-plugins/wt-on-fly-image-handler)
- GitHub расширения (https://github.com/sergeytolkachyov/WT-On-fly-image-handler-Joomla-JoomShopping-plugin)
- Библиотека JIntrevention Image (https://web-tolk.ru/dev/biblioteki/jintervention-image)