Przejdź do treści

Minifikator SVG

Zmniejsz znaczniki SVG, usuwając zbędności XML, komentarze i metadane edytora.

Wejście
Wynik

Minifikator SVG

Wklej SVG eksportowany z programu Illustrator, Inkscape lub Figma, a to narzędzie zwróci minifikowaną wersję o tym samym wyglądzie i znacznie mniejszej wielkości pliku. Usuwa deklarację XML, komentarze, metadane specyficzne dla edytora (elementy i atrybuty z przestrzeni nazw Inkscape i Illustrator), puste grupy i spacje między tagami — wszystko, czego przeglądarka ani tag <img> nigdy nie potrzebowały.

Miejsca dziesiętne określają, ile cyfr zachowają współrzędne i inne atrybuty numeryczne, więc "12,34567" staje się "12,35" przy domyślnym ustawieniu dwóch miejsc. Usuń atrybuty id i class usuwa oba, z wyjątkiem id, do którego nadal odwołuje się wypełnienie url(#…) lub łącze href="#…" — te pozostają, aby gradienty, ścieżki przycinające i elementy <use> nadal działały. Usuń width/height, zachowaj viewBox usuwa wymiary zewnętrzne tylko wtedy, gdy viewBox jest obecny, aby przejął zmianę rozmiaru, dzięki czemu SVG nadal skaluje się prawidłowo. Skróć kolory szesnastkowe zmienia "#ffffff" na "#fff" wszędzie tam, gdzie wszystkie trzy kanały się podwajają, pozostawiając wszystko inne bez zmian.

Nieformalne znaczniki — tag niezamknięty lub niedopasowany — są zgłaszane jako błąd zamiast być odgadywane, ponieważ minifikator, który dyskretnie naprawia złe XML, może zmienić to, co się renderuje. Tekst wewnątrz elementów <text>, <tspan> i wbudowanego <style> pozostaje dokładnie tak, jak został napisany, ponieważ spacje tam są częścią zawartości, a nie formatowania. Końce linii Windows i Unix są obsługiwane w ten sam sposób, a licznik na żywo pokazuje bajty wejścia, bajty wyjścia i procent zaoszczędzony.

Wszystko działa lokalnie w przeglądarce: SVG nigdy nie opuszcza urządzenia, co jest ważne dla niepublikowanych zestawów ikon i pracy klienta. Skopiuj wynik, pobierz go jako plik .txt lub wyślij go z powrotem na wejście, aby zastosować kolejny przebieg z innymi opcjami.

Częste pytania

Czy to zmieni wygląd SVG?
Nie. Usuwa tylko znaczniki, które nie mają efektu wizualnego — komentarze, metadane, puste grupy i zbędne spacje — i zaokrąża współrzędne, co zmienia rendering o mniej niż piksela przy domyślnej precyzji.
Czy bezpiecznie usunąć id i klasy?
Narzędzie zachowuje wszystkie id, do których nadal odwołuje się wypełnienie url(#…) lub łącze href="#…" , dzięki czemu gradienty, ścieżki przycinające i ponownie użyteczne ikony nadal działają. Usunięte są tylko nieużywane id i wszystkie klasy.
Co się stanie, jeśli moje SVG ma błąd składni?
Narzędzie zgłasza to zamiast zgadywać — niezamknięty lub niedopasowany tag zwraca spokojny komunikat o błędzie, abyś mógł naprawić znacznik i spróbować ponownie.
Czy usunięcie szerokości i wysokości złamie obraz?
Tylko wtedy, gdy viewBox jest obecny, narzędzie je usuwa — sam viewBox wystarczy, aby SVG skalował się do dowolnego rozmiaru, jaki mu daje jego kontener.
Czy moje SVG jest gdzieś wgrywane?
Nie. Minifikacja działa całkowicie w przeglądarce — plik nigdy nie opuszcza urządzenia.