SVG играет центральную роль в современной сети. Они не только заменили шрифты значков, но также предлагают возможность манипулирования через CSS или JavaScript. Если вы хотите сохранить векторную графику для Интернета из Adobe Illustrator в формате SVG, вам необходимо выполнить некоторые настройки, чтобы избежать ошибок и сократить время загрузки, которые я представлю в следующей статье.
Общую функцию экспорта можно найти в разделе « Файл> Экспорт> Экспортировать как ... ». Наконец, выберите « SVG (* .SVG) » в качестве типа файла. Если вы не хотите обрезать прозрачные области и учитывать область рисования, установите флажок « Использовать области рисования », иначе нет. В следующем диалоговом окне вы выбираете следующие параметры:
Если вас не устраивает уровень детализации путей в результате, вы постепенно увеличиваете десятичные разряды до 3 или 4.
Это становится интересным, когда вы вставляете обтравочные маски в векторный файл. Их также можно устранить (это снова приводит к уменьшению размеров файлов и повышению совместимости при использовании таких инструментов печати, как dompdf ).
В Illustrator есть два хорошо известных способа: сначала вы помечаете все объекты с помощью CTRL + A и выбираете « Объект> Уменьшить прозрачность ... ». Затем вы удалите существующие обтравочные маски с помощью « Объект> Обтравочная маска> Преобразовать обратно ». Если это не сработает, выполните следующие действия вместо двух последних шагов: Сначала выберите « Объект> Преобразовать ...> ОК », а затем выберите параметр « Удалить область перекрытия » в диалоговом окне «Обработка контуров».:
Окончательный SVG можно дополнительно оптимизировать с помощью таких инструментов, как svgo (в командной строке или в веб-интерфейсе ).