Инструментът зарежда официалния браузърен модул на SVGO едва след като натиснете бутона за оптимизация. Той използва стандартния набор от приставки и премахва скриптове и обработчици на събития, за да бъде файлът по-безопасен като обикновено уеб изображение. Можете да запазите ID, когато CSS, JavaScript, градиенти, маски или външни препратки зависят от тях.
Безплатна оптимизация на SVG
Работи изцяло в браузъра - без качване и без регистрация.
Скриптовете и обработчиците на събития се премахват
Входен SVG
Оптимизиран SVG
Ctrl или Command + Enter
Поставете SVG код или изберете файл, за да започнете
Какво прави оптимизацията на SVG?
Оптимизацията на SVG намалява векторните файлове, като премахва метаданни от редактора, коментари, излишни атрибути и ненужна точност на числата. Поставете SVG кода или изберете файл, за да стартирате SVGO направо в браузъра. Сравнете оригинала с резултата, след което копирайте или изтеглете по-малкия SVG, без да качвате проекта си на сървър.
Как се използва
- 1Добавете SVG. Поставете пълен SVG код, плъзнете локален .svg файл в полето за качване или отворете готовия пример.
- 2Изберете безопасни настройки. Задайте точността на числата, оставете включени няколко прохода за допълнително намаляване и запазете ID, към които препраща друг код.
- 3Оптимизирайте и сравнете. Стартирайте SVGO, след което проверете броя байтове преди и след обработката и двата визуални прегледа.
- 4Копирайте или изтеглете. Копирайте компактния код или изтеглете нов .optimized.svg файл, без да променяте оригиналния проект.
За кого е
- Frontend разработчици, които намаляват икони, лога и илюстрации, преди да ги добавят към сайт или библиотека с компоненти.
- Дизайнери, които почистват метаданни и специфичен за редактора код от файлове, експортирани от Figma, Illustrator, Sketch или Inkscape.
- Екипи по производителност, които измерват точната икономия на UTF-8 байтове, преди да добавят векторни ресурси към уеб пакет.
- Автори на компоненти, които подготвят компактен вграден SVG код за React, Vue, Svelte или обикновен HTML.
Често задавани въпроси
Безплатна ли е оптимизацията на SVG?
Да. Можете да оптимизирате SVG файлове без акаунт, плащане или инсталиране. Инструментът показва точната промяна в UTF-8 байтове, а резултатът може да се копира или изтегли направо от браузъра.
Моят SVG файл качва ли се на сървър?
Не. Четенето на файла, обработката със SVGO, измерването на байтове и създаването на прегледи се извършват локално в браузъра. Лога, икони и непубликувани проекти не се качват от този инструмент.
Колко голям SVG файл мога да оптимизирам?
Инструментът приема SVG код с размер до 5 MB. Ограничението запазва бързата обработка на телефони и обикновени лаптопи. При много големи илюстрации премахнете вградените растерни изображения или разделете проекта на по-малки ресурси.
Ще промени ли оптимизацията вида на SVG?
SVGO е създаден да премахва излишни данни, без да променя визуализацията. Силното закръгляване на числа или почистването на ID обаче може да засегне сложни файлове. Сравнете двата прегледа и тествайте оптимизирания SVG на реалното място за вграждане, преди да замените работен файл.
Какво променя десетичната точност?
Десетичната точност определя колко цифри след запетаята SVGO запазва в координати, трансформации и свързани стойности. По-ниската стойност често спестява повече място, но може видимо да измести детайли в много прецизни или необичайно големи проекти. Три цифри са практична начална стойност за повечето уеб икони и илюстрации.
Трябва ли да запазя ID в SVG?
Запазете ID, ако към тях препращат CSS, JavaScript, aria атрибути, градиенти, маски, филтри или външни документи. При самостоятелно декоративно изображение можете да изключите тази опция, за да може SVGO да премахне или съкрати неизползваните идентификатори.
Оптимизаторът премахва ли скриптове от SVG?
Да. Процесът премахва елементи script, атрибути за обработка на събития и JavaScript връзки. Така файлът е по-безопасен като обикновено уеб изображение, но инструментът не е подходящ за SVG приложения, които разчитат на скриптове.
Как работи оптимизацията с няколко прохода?
SVGO обработва резултата отново, докато всеки проход намалява файла. Някои преобразувания откриват нови места за почистване в следващия проход, така че може да се спести още малко. Най-голямото намаляване обикновено идва от първия проход.