Автоматическое Изменение Размера Иконок Мобильных Приложений, Или Как Inkscape + Bash Облегчает Жизнь

Решение, изложенное в статье, предназначено для пользователей OSX. Но его вполне можно адаптировать и под другие популярные операционные системы.

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

Но как только вы начнете создавать приложение для iOS в XCode, вы сразу обнаружите, что от вас требуется не одна иконка, а около десятка, причем разных размеров.

Вот лишь некоторые из них:

• значок для отображения на вкладках браузера;
• значок веб-приложения, отображаемый в Safari Mobile;
• значок мобильного приложения, отображаемый на главном экране в iOS;
• большая иконка магазина приложений;
• маленькая иконка магазина приложений;
• значок поиска в центре внимания.

Простое решение — изменить его размер в каждом случае и сохранить в файле с собственным уникальным именем.

Отлично, мы уже потратили на эту процедуру около 30 минут. Но иногда возникает странное желание что-то изменить в иконке.

И такое желание может возникнуть несколько раз.

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

В тот самый момент, когда начнет казаться, что заниматься обезьяньим трудом – не лучшая идея для человека, обремененного интеллектом, возможно, вы начнете искать решения в Интернете и наткнетесь на эту статью.

Оказывается, процесс изменения размера и сохранения значков в разных форматах, разных размерах и с разными префиксами, обозначающими назначение значка, можно полностью автоматизировать.

Что для этого потребуется:

• Иконка в формате svg (в нашем примере файл называется icon.svg)
• Инкскейп
• Короткий bash-скрипт
• Терминал

В данном случае прелесть в том, что Inkscape можно управлять с помощью командной строки.

Bash-скрипт поможет автоматизировать этот процесс.

Подготовительный этап

   

 #!/bin/bash
 
 INK=/Applications/Inkscape.app/Contents/Resources/bin/inkscape
 
 if [[ -z "$1" ]] 
 then
 

   

• Пять Простых Советов По Безопасному Совершению Покупок В Интернете

  19 Oct, 24

• Extjs 7 И Spring Boot 2. Как Создать Spa, Который Взаимодействует С Вашим Api И Внешними Плагинами Reactjs?

  19 Oct, 24

• Как Вычесть Ряд Временных Интервалов И Попробовать Алгоритм Бентли-Оттмана

  19 Oct, 24

• В Киеве Прошел Seedcamp Eastern Europe. Организаторы Думают О Создании Мероприятия, Подобного Лондонскому Сидкэмпу В Восточной Европе.

  19 Oct, 24

• Gsm Сигнализация На Окна И Двери

  19 Oct, 24

• Технология Yahoo Превращает Экран Смартфона В Биометрический Сканер

  19 Oct, 24

• Субстики №119

  19 Oct, 24

• Топоры В Буханках

  19 Oct, 24

• Visual Studio + Roslyn = Конфигуратор Для 1С:предприятия

  19 Oct, 24

• Консоли Становятся Все Более Популярными Среди Взрослых

  19 Oct, 24