Добрый день, необходимо сверстать страницу сайта по макету из фигмы. Есть дизайн мобильной и десктоп версии. Оплата возможна в тенге, поэтому исполнители из Казахстана в приоритете при выборе.
Автоматизировать создание набора картинок для srcset
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Здравствуйте. Я дизайнер. Наполняю сайт. Столкнулся с такой задачей.
Нужно из произвольных картинок сделать наборы их уменьшенных копий для использования в теге 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 картинок и отсортировать все лишние после выполнения скрипта.
Это можно сделать вручную. Но мне нужна автоматизация. В идеале — скрипт. Скопировал файлы — запустил скрипт — забрал готовые наборы.
Мне кажется, что всё это можно сделать в Фотошопе. Там есть средства автоматизации. Но один шаг — присвоение нужного имени сохраняемому файлу — не знаю как алгоритмизировать. Мне кажется, что подобные задачи уже решались другими веб дизайнерами. И не обязательно в Фотошопе. Кто поможет?
- Похожие заказы
- $15HTML-верстка1 исполнительЗавершен3 месяца назад
Нужно перекинуть/заменить 2 пункта меню со всем функционалом на этом сайте https://coin-table.runcoders.net/, а именно "All CryptoCurrencies" и "Exchanges" на 2 аналогичных пункта меню отсюда https://gecko-client.runcoders.net/ https://coin-table.runcoders.net/ - CodeIgniter https://gecko-client.runcoders.net/ - чистый php
HTML-верстка3 заявкиЗакрыт2 месяца назад- $250
Я занимаюсь веб-дизайном и мне нужен человек, который смог бы сверстать сайт. Нужно будет сверстать сайт по типу такого https://fastcup.net Самое сложное в ТЗ - добавить интеграцию со стимом на сайт или же интеграцию с ...
HTML-верстка14 заявокЗакрыт3 месяца назад Нужно сделать верстку лендинга https://www.figma.com/file/ndBH37SwhKOQgpkjdCbETP/BV-Media-Corporation-SRL По основным моментам: - реализовать все JS скрипты согласно дизайну - большой упор на мобильную версию. На любых телефонах все должно работало и ...
HTML-верстка30 заявокЗакрыт3 месяца назадНеобходимо сверстать сайт на битриксе. Дорисовать в фигме недостающие страницы под стиль сайта -Корзина -Страница оформления заказа -Страница оформленного заказа -Страница входа/регистрации -Страница личного кабинета (общая) Так же по дизайн-проекту есть страницы, которые ...
HTML-верстка7 заявокЗакрыт3 месяца назадскопировать анимированный сайт
HTML-верстка10 заявокЗакрыт2 месяца назад- $100
верстка для существующего проекта
HTML-верстка1 исполнительЗавершен3 месяца назад Здравствуйте. Собственно объем https://www.figma.com/file/cm1AC5ld4iln510TabW4no/re-nasledie?type=design&node-id=0-1&mode=design Чистая верстка под Bitrix с соблюдением стандартов html и css, использовать теги по назначению (если список, то ul, если жирный, то b или strong, а не на ...
HTML-верстка1 исполнительЗавершен3 месяца назадБыла DLE 11, сейчас DLE 17. Соответсвенно шаблон частично "поехал". Также поставили DLE форм 4 (когда то давно стоял ДЛЕ 2.5, шаблон форума тоже "поехал", тут скорее побольше ...
HTML-верстка2 заявкиЗакрыт3 месяца назад- $10
Поправить макет в Figma, дополнить и изменить шрифты, формы кнопок и прочая мелочь
HTML-верстка28 заявокЗакрыт2 месяца назад