Автоматизировать создание набора картинок для srcset

Роман4 года в сервисе
Данные заказчика будут вам доступны после подачи заявки
07.02.2024

Здравствуйте. Я дизайнер. Наполняю сайт. Столкнулся с такой задачей.

Нужно из произвольных картинок сделать наборы их уменьшенных копий для использования в теге img в атрибуте srcset. Каждую картинку надо уменьшить, повысить резкость, сохранить с именем в соответствии с правилом, в определённом формате и с определённой степенью сжатия. Ширины картинок должны получиться следующие: 300px, 500px, 800px, 1300px, 2050px.

Пример. Есть 2 картинки:

"landscape.png" 2040 x 1077 рх

"packshot.png" 930 x 991 px

Нужно получить 9 картинок:

"landscape.jpg" 2040 x 1077 рх (картинка в исходном разрешении, но сжатая с потерей качества)

"landscape-w1300.jpg" 1300 x 686 рх

"landscape-w800.jpg" 800 x 422 рх

"landscape-w500.jpg" 500 x 264 рх

"landscape-w300.jpg" 300 x 158 рх

"packshot.jpg" 930 x 991 px

"packshot-w800.jpg" 800 x 852 px

"packshot-w500.jpg" 500 x 533 px

"packshot-w300.jpg" 300 x 320 px

Картинки "landscape-w2050.jpg", "packshot-w1300.jpg", "packshot-w2050.jpg" не надо генерировать, поскольку они больше исходных. Впрочем, это необязательное условие, можно сгенерировать 12 картинок и отсортировать все лишние после выполнения скрипта.

Это можно сделать вручную. Но мне нужна автоматизация. В идеале — скрипт. Скопировал файлы — запустил скрипт — забрал готовые наборы.

Мне кажется, что всё это можно сделать в Фотошопе. Там есть средства автоматизации. Но один шаг — присвоение нужного имени сохраняемому файлу — не знаю как алгоритмизировать. Мне кажется, что подобные задачи уже решались другими веб дизайнерами. И не обязательно в Фотошопе. Кто поможет?

Заявки фрилансеров