Работа с графикой
Макеты от дизайнеров приходят либо из Фотошопа, либо из Скетча. Для работы с ними мы используем Avocode.
Для оптимизации изображений на скорую руку под МакОС подойдет ImageOptim, для других ОС тоже есть варианты с графическим или CLI-интерфейсом.
SVG
Установите утилиту SVGO для командной строки глобально:
npm install -g svgoПеред тем, как вставлять свгшки в ваш макет, пропустите их через нее. Так вы удалите лишнюю информацию из файлов и оптимизируете их код.
В сборке проекта, обычно, SVGO уже есть, но иногда нужно просто оптимизировать пару картинок и на этот случай у вас под рукой будет инструмент.
Пример использования:
$ svgo mypic.svg
Done in 73 ms!
1.154 KiB - 35.3% = 0.747 KiBПолезные ссылки
Last updated