Оптимізатор та мініфікатор SVG — безкоштовно
Видаляйте метадані, стискайте пробіли та округлюйте десяткові числа для значного зменшення розміру SVG-файлу — типово на 30–70%. Візуальний перегляд перевіряє, що нічого не зламано.
Перетягніть файл сюди або натисніть, щоб вибрати
SVG · обробляється на вашому пристрої
або натисніть Ctrl+V, щоб вставити з буфера обміну
Ваші файли ніколи не залишають пристрій. Вся обробка відбувається локально у браузері.
Типові застосування
- Оптимізація значків SVG для виробництваВидаліть непотрібні метадані з піктограм SVG перед доставкою — типове скорочення 50-80%.
- Оптимізація логотипів SVG брендівЗменшіть розмір файлу логотипу SVG для швидкого завантаження веб-сайту без зниження якості.
- Оптимізація ілюстрацій та Hero SVGДля більших ілюстрацій (герої, декоративна графіка) оптимізація може зекономити 30-70% розміру файлу.
- Зменшення розміру пакету JavaScriptКоли SVG імпортуються як компоненти React або вбудовуються в код, оптимізація зменшує пакет JS.
- Очищення експорту SVG Figma / SketchЕкспорт Figma та Sketch SVG включає розширені метадані. Видаліть перед використанням у виробництві.
Як це працює
Інструмент зменшує розмір файлів SVG власноруч написаним оптимізатором, що працює повністю у вашому браузері, — без бібліотек і сервера. Він поєднує два проходи: вбудовані в браузер DOMParser/XMLSerializer для точної роботи з атрибутами та цільові заміни регулярними виразами для видалення коментарів, метаданих і стиснення пробілів.
- 1DOMParser очищує SVGПеред оптимізацією DOMParser браузера читає SVG як XML і проходить кожен елемент. Теги script, обробники подій (будь-який атрибут on*), елементи анімації та посилання на зовнішні URL видаляються безумовно — це працює незалежно від вибраних параметрів оптимізації.
- 2Округлення десяткових на основі DOMЯкщо ввімкнено округлення десяткових, оптимізатор удруге проходить розібраний DOM і застосовує округлення лише до відомих числових атрибутів (дані d у path, координати, значення transform, товщини ліній тощо) за допомогою регулярного виразу, що знаходить окремі числа з рухомою комою, не пошкоджуючи злиті значення шляхів на кшталт .5.5.
- 3Проходи регулярних виразів очищують серіалізовану розміткуXMLSerializer створює нормалізований XML, а потім цільові заміни рядків прибирають HTML-коментарі, метадані редакторів Inkscape/Sodipodi, декларацію XML, зайві атрибути за замовчуванням (як-от version="1.1") і пробіли між тегами — кожен прохід чітко обмежено, тож вміст текстових вузлів ніколи не зачіпається.
- 4Розмір gzip і формати експортуAPI браузера CompressionStream обчислює реальні розміри gzip і вхідного, і вихідного файлу, бо саме вони визначають вартість передачі в мережі. Оптимізований SVG можна завантажити, скопіювати як сирий SVG, перетворити на атрибути camelCase, готові для React JSX, або закодувати як CSS data URI — усі перетворення відбуваються локально.
Ваш SVG читається й обробляється повністю у вкладці браузера — байти файлу ніколи не залишають пристрій.
Схожі інструменти
Мініфікатор та форматувальник CSS
Мінімізуйте CSS для зменшення розміру файлу або форматуйте мінімізований CSS для читабельності. Миттєво, у вашому браузері.
Стиснення GIF
Зменшіть розмір анімованого GIF: вкладіться в ліміт розміру, наприклад 256 KB для емодзі Discord чи 512 KB для стікера, або задайте кольори, ширину й кадри самостійно. Працює у вашому браузері; GIF не завантажується на сервер.
Стиснення PDF
Стискайте PDF-файли, щоб зменшити їхній розмір. Оберіть рівень якості — сильніше стиснення дає менші файли, але нижчу якість зображень.