Експорт SVG з Illustrator

SVG відіграють центральну роль у сучасному Інтернеті. Вони не тільки замінили шрифти значків, але також пропонують можливість маніпуляцій за допомогою CSS або JavaScript. Якщо ви хочете зберегти векторну графіку для Інтернету від Adobe Illustrator як SVG, вам потрібно зробити деякі налаштування, щоб уникнути підводних каменів та скоротити час завантаження, про що я розповім у наступній статті.


Загальну функцію експорту можна знайти в розділі " Файл> Експорт> Експортувати як ... ". Нарешті, виберіть тип файлу " SVG (* .SVG) ". Якщо ви не хочете вирізати прозорі ділянки та враховувати область малювання, поставте галочку « Використовувати області малювання », інакше ні. У наступному діалоговому вікні ви виберете наступні параметри:

Якщо вас не влаштовує рівень деталізації шляхів у результаті, ви поступово збільшуєте десяткові коми до 3 або 4.

Цікаво стає, коли ви вбудували відсічні маски у векторний файл. Їх також можна усунути (це призводить до знову менших розмірів файлів та збільшення сумісності при використанні інструментів друку, таких як dompdf ).

У Illustrator є два відомі способи: Спочатку позначте всі об’єкти клавішами CTRL + A та виберіть « Об’єкт> Зменшити прозорість ... ». Потім видаліть наявні відсічні маски за допомогою " Об'єкт> Відсічна маска> Зворотний ". Якщо це не працює, замість останніх двох кроків виконайте наступне: Спочатку виберіть " Об'єкт> Перетворити ...> ОК ", а потім виберіть опцію " Видалити область перекриття " у діалоговому вікні Pathfinder.:

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

Назад