Sprzątanie ikony SVG wyeksportowanej z Figmy, Illustratora albo Sketcha, zanim trafi do repo. Trymowanie payloadu przed inline'owaniem go w HTML albo CSS (gdzie każdy bajt podróżuje z każdą stroną). Wycięcie komentarzy XML, które niektóre narzędzia projektowe zostawiają w eksporcie ("Generator: Adobe Illustrator…"). Szybki sanity-pass przed zakodowaniem SVG jako data: URL.

Nie tak agresywne jak SVGO. Prawdziwa biblioteka SVGO potrafi optymalizować ścieżki, czyścić viewBox i robić dziesiątki innych przebiegów. To narzędzie celowo robi tylko bezpieczne, oczywiste przebiegi — żeby zostać bez zależności i w 100 % w przeglądarce. Usuwanie domyślnych atrybutów jest konserwatywne. Wyrzuca tylko krótką listę znanych domyślnych ( stroke="none" , fill-rule="nonzero" , itd.). Jeśli twój SVG ich potrzebuje jawnie, odznacz opcję. Zaokrąglanie współrzędnych jest stratne. 2 miejsca po przecinku są bezpieczne dla ikon i logo; dla diagramów wysokiej precyzji lepiej wyłącz. Zwijanie spacji może popsuć . Elementy , które opierają się na wielu spacjach, je stracą. Dla SVG-ikon (bez tekstu) to nigdy nie problem.

Optymalizator SVG

Minifikuj pliki SVG w przeglądarce. Usuwa komentarze, niepotrzebne spacje, domyślne atrybuty i zaokrągla długie liczby dziesiętne. Pliki nigdy nie opuszczają urządzenia.

SVG input

🔒 Files never leave your browser — no upload, no server, no tracking.

Opcje

Remove comments Collapse whitespace Drop default attrs Round coords (2 dp)

Optimized SVG

Wpisz dane powyżej, aby zobaczyć wynik.

Do czego to służy?

To narzędzie wykonuje krótki ciąg ręcznie napisanych przebiegów regex na SVG, żeby zmniejszyć rozmiar w bajtach: usuwa komentarze XML, zwija białe znaki między tagami, wyrzuca kilka atrybutów, które już pokrywają się z wartościami domyślnymi, i zaokrągla długie współrzędne dziesiętne do 2 miejsc. Każdy przebieg to checkbox, który można wyłączyć. Wszystko dzieje się w przeglądarce — bez uploadu, bez serwera.

Kiedy tego użyć

Sprzątanie ikony SVG wyeksportowanej z Figmy, Illustratora albo Sketcha, zanim trafi do repo.
Trymowanie payloadu <svg> przed inline'owaniem go w HTML albo CSS (gdzie każdy bajt podróżuje z każdą stroną).
Wycięcie komentarzy XML, które niektóre narzędzia projektowe zostawiają w eksporcie ("Generator: Adobe Illustrator…").
Szybki sanity-pass przed zakodowaniem SVG jako data: URL.

Częste pułapki

Nie tak agresywne jak SVGO. Prawdziwa biblioteka SVGO potrafi optymalizować ścieżki, czyścić viewBox i robić dziesiątki innych przebiegów. To narzędzie celowo robi tylko bezpieczne, oczywiste przebiegi — żeby zostać bez zależności i w 100 % w przeglądarce.
Usuwanie domyślnych atrybutów jest konserwatywne. Wyrzuca tylko krótką listę znanych domyślnych (stroke="none", fill-rule="nonzero", itd.). Jeśli twój SVG ich potrzebuje jawnie, odznacz opcję.
Zaokrąglanie współrzędnych jest stratne. 2 miejsca po przecinku są bezpieczne dla ikon i logo; dla diagramów wysokiej precyzji lepiej wyłącz.
Zwijanie spacji może popsuć <text>. Elementy <text>, które opierają się na wielu spacjach, je stracą. Dla SVG-ikon (bez tekstu) to nigdy nie problem.