SVG відіграють центральну роль у сучасному Інтернеті. Вони не тільки замінили шрифти значків, але також пропонують можливість маніпуляцій за допомогою CSS або JavaScript. Якщо ви хочете зберегти векторну графіку для Інтернету від Adobe Illustrator як SVG, вам потрібно зробити деякі налаштування, щоб уникнути підводних каменів та скоротити час завантаження, про що я розповім у наступній статті.
Загальну функцію експорту можна знайти в розділі " Файл> Експорт> Експортувати як ... ". Нарешті, виберіть тип файлу " SVG (* .SVG) ". Якщо ви не хочете вирізати прозорі ділянки та враховувати область малювання, поставте галочку « Використовувати області малювання », інакше ні. У наступному діалоговому вікні ви виберете наступні параметри:
Якщо вас не влаштовує рівень деталізації шляхів у результаті, ви поступово збільшуєте десяткові коми до 3 або 4.
Цікаво стає, коли ви вбудували відсічні маски у векторний файл. Їх також можна усунути (це призводить до знову менших розмірів файлів та збільшення сумісності при використанні інструментів друку, таких як dompdf ).
Існує два відомі способи зробити це в Illustrator: спочатку позначте всі об’єкти за допомогою CTRL+A і виберіть « Об’єкт > Зменшити прозорість... ». Потім видаліть існуючі відсічні маски за допомогою « Об’єкт > Відсічна маска > Повернути ». Якщо це не спрацює, виконайте наступне замість останніх двох кроків: спочатку виберіть « Об’єкт > Перетворити... > OK », а потім виберіть параметр « Видалити область перекриття » в діалоговому вікні «Обробка контурів».:
Остаточний SVG можна додатково оптимізувати за допомогою таких інструментів, як svgo (у командному рядку або у веб-інтерфейсі ).