SVG Minifier

Зменшення SVG, прибирання метаданих редактора й небезпечного коду та перевірка результату в перегляді — просто в браузері.

Про SVG Minifier

Що це

Цей інструмент очищує й стискає SVG-код, експортований із Figma, Illustrator чи інших редакторів. Він прибирає метадані редактора, округлює координати до потрібної точності й типово видаляє скрипти та обробники подій. Перегляд наживо й розмір до і після показують, що іконка лишилася такою самою.

Основні можливості

  • Прибирання метаданих Figma, Illustrator та інших редакторів.
  • Точність координат, яку задаєте ви.
  • Видалення скриптів, обробників on* і посилань javascript:, увімкнене типово.
  • За бажанням: прибирання width/height для адаптивного SVG і заміна кольорів на currentColor.
  • Перегляд із розміром до і після; кілька файлів за раз.

Як користуватися

  1. Вставте SVG-код, перетягніть один чи кілька файлів на редактор або натисніть «Приклад».
  2. Оберіть точність координат і потрібні параметри.
  3. Перевірте перегляд і розмір до та після.
  4. Скопіюйте результат, завантажте його чи надішліть в інший інструмент.

Коли корисно

  • Зменшити іконки, перш ніж вставити їх на сайт чи в застосунок.
  • Очистити SVG від дизайнера, перш ніж він потрапить у код.
  • Зробити так, щоб іконка брала колір навколишнього тексту.

Конфіденційність та обмеження

Ваші дані

Ваш SVG обробляється в браузері й не завантажується на сервер — сайт отримує лише анонімну подію «інструмент відкрито», без вмісту. Результат, надісланий в інший інструмент, зберігається на цьому пристрої 24 години в «Останніх діях».

Обмеження

  • На вході має бути коректний XML з коренем <svg>; інакше результату не буде.
  • Якщо мінімізований результат відображається неправильно, його не показують — спробуйте вищу точність.

Поширені запитання

Чи безпечно вставляти SVG з невідомого джерела?

SVG може містити скрипти. Інструмент типово видаляє <script>, атрибути on* і посилання javascript:, а перегляд показується без їх виконання.

Що робить currentColor?

Замінює колір кожного fill і stroke на currentColor, тож іконка бере колір тексту там, де її використано, — зручно для іконок, що мають підлаштовуватися під тему.

Навіщо прибирати width і height?

Без фіксованих width і height, але зі збереженим viewBox, SVG масштабується під розмір свого контейнера — зазвичай саме це потрібно в адаптивній верстці.