Автоматическое уменьшение разрешения и объема изображений?

Question

[Олег Андрианов]

Добрый день, уважаемые Хабровчане!
На работе возникла неприятная ситуация: говорят, что предыдущий фронтендер уменьшал изображения автоматически.
Что удалось выяснить: он использовал плагин-галерею FancyBox, загонял туда изображения и на выходе получал их уменьшенные в разрешении и объеме копии.
Искал в интернетах, гуглах и иже с ними...
Сайт работает на modX, но, насколько я понял речь шла именно о fancybox. Если кто-нибудь знает как уменьшить изображения по разрешению и объему, и возможно перегнать их в webp, буду премного благодарен.
P.S. проще говоря есть ли аналог sqoosh, который можно было бы настроить для работы в автоматическом режиме.

Comments

[Алекс Глебов]

На фронте это делают через gulp и webpack, во время сборки. Если картинки из админки, то это не ваша задача.

[Олег Андрианов]

Алекс Глебов, да, именно что картинки из админки. Возможно до меня это делали на php. Инфы мало, все очень мутно.

Answer 1

[Олег Андрианов]

нашел где собака зарыта. Покопавшись в коде нашел следы плагина phpThumb. И вправду есть такой плагин для modX, им то и пользовался мой предшественник. Подробнее про него можно прочитать здесь Работа с изображениями средствами phpThumbOf. В общем этот плагин создает миниатюры изображений и сохраняет их в кеше. Никакой конвертации нет, иллюзии развенчаны)
По крайней мере половину работы можно скинуть на него: большую картинку обрабатывать в squoosh на jpg и webp, а создание миниатюр отдать phpThumb.

Answer 2

[Stalker_RED]

ресайз
https://www.google.com/search?q=imagemagick+image+...
конвертация в webp
https://imagemagick.org/script/webp.php

И качество тоже можно задать.
Или вы хотите прямо на фронте все делать?

Comments

[Олег Андрианов]

как мне сказали, что такие задачи выполнялись на фронте с помощью js-плагина

Answer 3

[Златослав Десятников]

Если нужно в браузере, то есть Pica: https://github.com/nodeca/pica

Comments

[Олег Андрианов]

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

[Златослав Десятников]

Олег Андрианов, ну, это не плагин, а пакет. Что значит в автоматическом?
Выставляете нужные размеры и качество и всё.

[Олег Андрианов]

Златослав Десятников, то есть придется вручную обрабатывать каждую фотографию?

[Златослав Десятников]

Олег Андрианов, в смысле "вручную"? Функция принимает два canvas и настройки ресайза.

[Олег Андрианов]

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

[Златослав Десятников]

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