Перейти до вмісту

Мініфікатор SVG

Зменшуйте розмітку SVG, видаляючи XML-бруд, коментарі та метадані редактора.

Введення
Вихід

Мініфікатор SVG

Вставте SVG, експортований з Illustrator, Inkscape або Figma, і отримайте мініфіковану версію з таким же виглядом і значно меншим розміром файлу. Інструмент видаляє XML-декларацію, коментарі, специфічні для редактора метадані (елементи та атрибути просторів імен Inkscape та Illustrator), порожні групи та пробіли між тегами — все те, що браузер чи тег <img> насправді ніколи не потребував.

Параметр «Десяткові місця» визначає, скільки цифр збережуть координати та інші числові атрибути, тому «12.34567» стає «12.35» при стандартному значенні два. Параметр «Видалити id і class» видаляє обидва, окрім id, на який ще посилається url(#…) заповнення або href="#…" посилання — вони залишаються, тому градієнти, контури відсічення та елементи <use> продовжують працювати. Параметр «Видалити width/height, зберегти viewBox» видаляє зовнішні розміри лише якщо присутній viewBox, щоб взяти на себе розміри, тому SVG все ще масштабується правильно. Параметр «Скорочувати hex-коди» перетворює «#ffffff» на «#fff» усюди, де всі три канали подвоюються, залишаючи все інше без змін.

Некоректна розмітка — невідкритий або невідповідний тег — повідомляється як помилка замість вгадування, оскільки мініфікатор, який тихо виправляє порушений XML, може змінити відображення. Текст у межах <text>, <tspan> та вбудованого <style> залишається точно таким, як написано, оскільки пробіли там — частина змісту, а не форматування. Кінці рядків Windows і Unix обробляються однаково, а живий лічильник показує байти входу, байти виходу та відсоток збереженого розміру.

Все виконується локально у вашому браузері: SVG ніколи не залишає ваш пристрій, що важливо для неопублікованих наборів значків та робіт клієнтів. Скопіюйте результат, завантажте його як .txt файл або відправте його назад на вхід, щоб застосувати ще один прохід з іншими параметрами.

FAQ

Це змінить вигляд SVG?
Ні. Видаляються лише теги, які не впливають на вигляд — коментарі, метадані, порожні групи та зайві пробіли — і округлюються координати, що змінює відображення менше ніж на піксель при точності за замовчуванням.
Чи безпечно видаляти id і class?
Інструмент зберігає будь-який id, на який ще посилається url(#…) заповнення/обвідна або href="#…" посилання, тому градієнти, контури відсічення та повторно використовувані значки продовжують працювати. Видаляються лише невикористовувані id та всі class.
Що станеться, якщо мій SVG має синтаксичну помилку?
Інструмент повідомить про помилку замість вгадування — невідкритий або невідповідний тег повернеться спокійне повідомлення про помилку, щоб ви могли виправити розмітку та спробувати знову.
Видалення width та height зламає зображення?
Лише коли присутній viewBox інструмент їх видаляє — viewBox достатньо, щоб SVG масштабувався під будь-який розмір контейнера.
Мій SVG завантажується куди-небудь?
Ні. Мініфікація працює повністю у вашому браузері — ваш файл ніколи не залишає ваш пристрій.