Мінімізатор SVG
Оптимізуйте й мінімізуйте файли SVG за допомогою SVGO 4 і його стандартного набору параметрів. Інструмент видаляє метадані редакторів і коментарі, згортає непотрібні групи, перетворює прості фігури на компактні контури, скорочує записи кольорів і округлює числа до заданої вами точності; також можна виконати кілька проходів для додаткового зменшення. Спершу він перевіряє розмітку та зберігає viewBox, що робить його зручним для дизайнерів і розробників, які використовують іконки та ілюстрації.
Поширені запитання
Який оптимізатор використовується?
На сервері інструмент запускає SVGO 4.1 зі стандартним набором параметрів. Це той самий оптимізатор, який використовують багато інструментів збирання та конвеєрів обробки іконок.
Що змінює стандартний набір параметрів?
Він видаляє дані редакторів, метадані та коментарі, прибирає порожні або приховані елементи й згортає непотрібні групи. Також він перетворює прямокутники та інші фігури на контури, якщо так коротше, оптимізує дані контурів і трансформації, а також скорочує записи кольорів, наприклад #ffffff до #fff.
Що робить параметр точності?
Точність визначає кількість десяткових знаків, що зберігаються в координатах та інших числах: від 0 до 8, типове значення — 3. Менші значення зменшують файли, але можуть змістити дрібні деталі.
Що таке багатопрохідна оптимізація?
Якщо ввімкнути багатопрохідну оптимізацію, SVGO повторюватиме оптимізацію, доки результат не перестане зменшуватися. Типово цей параметр увімкнено, і зазвичай він дає змогу заощадити трохи більше.
Чи зберігається viewBox?
Так. У SVGO 4 viewBox і заголовок більше не видаляються типово, тому іконки зберігають правильне масштабування, а доступні заголовки залишаються на місці.
Чи очищає інструмент SVG із ненадійних джерел?
Ні. SVGO оптимізує розмітку, але не видаляє скрипти чи атрибути обробників подій. Не вважайте результат безпечним для вбудовування, якщо SVG отримано з ненадійного джерела.
Які вхідні дані підтримуються?
Правильно сформована розмітка SVG, кореневим елементом якої є <svg>, за потреби з оголошенням XML і коментарями на початку. Про пошкоджену розмітку повідомляється із зазначенням рядка та стовпця, а документ з іншим кореневим елементом відхиляється.
Яким може бути максимальний розмір SVG?
До 1 MB розмітки на запит. Оптимізація припиняється через 10 секунд.
Чи можна вставити SVG, експортований із Figma, Illustrator або Inkscape?
Так. Експортовані з дизайнерських інструментів файли часто містять зайві метадані, простори імен редакторів і довгі числові значення — саме їх і видаляє цей інструмент.
Чи зберігається мій SVG?
Ні. Розмітка оптимізується в пам’яті й повертається вам. Нічого не зберігається, а в журнал записуються лише розміри запитів.