SVG играет центральную роль в современной сети. Они не только заменили шрифты значков, но также предлагают возможность манипулирования через CSS или JavaScript. Если вы хотите сохранить векторную графику для Интернета из Adobe Illustrator в формате SVG, вам необходимо выполнить некоторые настройки, чтобы избежать ошибок и сократить время загрузки, которые я представлю в следующей статье.
Общую функцию экспорта можно найти в разделе « Файл> Экспорт> Экспортировать как ... ». Наконец, выберите « SVG (* .SVG) » в качестве типа файла. Если вы не хотите обрезать прозрачные области и учитывать область рисования, установите флажок « Использовать области рисования », иначе нет. В следующем диалоговом окне вы выбираете следующие параметры:

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

Полученное в итоге SVG-изображение можно дополнительно оптимизировать с помощью таких инструментов, как svgo (в командной строке или в веб-интерфейсе ).