Как да намаля размера на SVG файл?

Пуснете .svg файл или поставете изходния му код, запазете опциите по подразбиране и сравнете размерите на Оригинал и Оптимизирано. След това използвайте Изтегли .svg или Копирай, за да вземете по-малкия резултат.

Какво премахва SVG оптимизаторът по подразбиране?

По подразбиране премахва коментари, метаданни, включително title, desc и данни на Inkscape или Sodipodi, излишни интервали, излишни атрибути по подразбиране и XML декларацията, и закръгля числата до 2 знака след десетичната запетая.

Защо идентификаторите на елементи се запазват след оптимизация?

Премахни атрибутите id на елементите е изключено по подразбиране, защото CSS или JavaScript анимации може да препращат към тези идентификатори. Включете го само ако нищо на страницата ви не зависи от тях.

Защо изчезнаха моите SVG анимации?

Таговете за скриптове, атрибутите за събития, външните препратки и SMIL анимационните елементи като animate и set се премахват от съображения за сигурност, така че оптимизираното SVG е статично.

Мога ли да използвам оптимизираното SVG в React или CSS?

Да. Освен Копирай и Изтегли .svg, има Копиране като JSX, което преобразува атрибутите в camelCase, и Копиране на CSS фон. Визуалният преглед ви позволява да проверите дали все още се изобразява правилно.

Наистина ли е безплатно?

Да. Всеки инструмент е безплатен, без акаунт и кредитна карта. Работата се извършва на вашето устройство, а не на наши сървъри, което позволява да бъде безплатна.

Качват ли се файловете ми?

Не. Файловете ви се отварят и обработват във вашия браузър и не се изпращат до LibraTool. Някои инструменти първо изтеглят в браузъра ви обработващ енджин или AI модел; това изтегляне не съдържа ваши данни.

Работи ли на мобилни устройства?

Да. Работи в съвременните мобилни браузъри на iOS и Android, без да инсталирате нищо. Много големи файлове може да се обработват бавно или да изчерпат паметта на телефона, затова за тях използвайте компютър.

✨

Оптимизатор и минификатор на SVG — безплатно

Премахнете метаданни, свийте интервали и закръглете десетични числа, за да намалите драстично размера на SVG файла — типичното намаление е 30-70%. Визуален преглед потвърждава, че нищо не се чупи.

Размерът на файла зависи от вашето устройствоФайловете остават частниНе се изисква входБезплатно завинаги

Работи офлайн след зареждане

Пуснете файл тук или щракнете, за да изберете

SVG · обработва се на вашето устройство

или натиснете Ctrl+V, за да поставите от клипборда

Преглед на файлове

— или поставете SVG по-долу —

Вашите файлове никога не напускат устройството ви. Цялата обработка се извършва локално в браузъра ви.

Често срещани употреби

Оптимизирайте SVG икони за производствоПремахнете ненужните метаданни от SVG икони преди отправяне — типично намаление от 50-80%.
Оптимизирайте брандирани логотипи SVGНамалете размера на SVG логотипа за бързо зареждане на уеб сайтовете без пожертване на качество.
Оптимизирайте илюстрации и SVG героиЗа по-големи илюстрации (герои, декоративна графика) оптимизацията може да намали размера на файла с 30-70%.
Намалете размера на JavaScript BundleКогато SVG са импортирани като React компоненти или вставени в код, тяхната оптимизация намалява вашия JS пакет.
Почистете Figma / Sketch SVG експортFigma и Sketch SVG експортите включват обширни метаданни. Премахнете го преди употреба в производството.

Как работи

Този инструмент намалява размера на SVG файл чрез ръчно написан оптимизатор, който работи изцяло във вашия браузър — без библиотеки, без сървър. Той комбинира два прохода: вградените DOMParser/XMLSerializer на браузъра за прецизна работа на ниво атрибут, и целенасочени замени с регулярни изрази за премахване на коментари, метаданни и свиване на празни знаци.

1
DOMParser санитизира SVG
Преди каквато и да е оптимизация DOMParser на браузъра чете SVG като XML и обхожда всеки елемент. Тагове script, обработчици на събития (всеки атрибут on*), елементи за анимация и външни URL препратки се премахват безусловно — това се изпълнява независимо от това кои опции за оптимизация изберете.
2
Закръгляне на десетични числа, базирано на DOM
Ако закръгляването на десетични числа е включено, оптимизаторът обхожда анализирания DOM втори път и прилага закръгляне само към известни числови атрибути (данни за path d, координати, стойности на transform, ширини на щрих и т.н.), използвайки регулярен израз, който съвпада с отделни числа с плаваща запетая, без да разваля съединени стойности на пътища като .5.5.
3
Проходи с регулярен израз изчистват сериализираното маркиране
XMLSerializer произвежда нормализиран XML, след което целенасочени замени на низове премахват HTML коментари, метаданни от редактори Inkscape/Sodipodi, XML декларацията, излишни атрибути по подразбиране (като version="1.1") и междутагови празни знаци — всеки проход тясно ограничен, така че съдържанието на текстовите възли никога не се засяга.
4
Размер при Gzip и формати за експорт
CompressionStream API на браузъра изчислява реалните размери при gzip както на входа, така и на изхода, тъй като именно това определя реално разходите за пренос в мрежата. Оптимизираният SVG може да бъде изтеглен, копиран като суров SVG, преобразуван в атрибути в camelCase, готови за React JSX, или кодиран като CSS data URI — всички преобразувания се извършват локално.

Вашият SVG се чете и обработва изцяло в рамките на раздела на браузъра ви — байтовете на файла никога не напускат устройството ви.

Свързани инструменти

🗜️

Минификатор и форматиращ инструмент за CSS

Минифицирайте CSS за намаляване на размера на файла или разкрасете минифициран CSS за четимост. Мигновено, в браузъра ви.

Опитайте

🗜️

GIF компресор

Направи анимиран GIF по-малък: побери го в ограничение за размер, като 256 KB за емоджи или 512 KB за стикер в Discord, или избери цветове, ширина и кадри сам. Работи в браузъра; GIF файлът не се качва.

ОпитайтеФайловете остават локални

📄

PDF компресор

Компресирайте PDF файлове, за да намалите размера им. Изберете ниво на качество — по-силното компресиране означава по-малки файлове, но по-ниско качество на изображенията.