Vyčištění SVG ikony exportované z Figma, Illustrator nebo Sketch před jejím commitnutím do repa. Oříznutí payloadu před inline vložením do HTML nebo CSS (kde každý bajt putuje s každou stránkou). Odstranění XML komentářů, které některé designové nástroje nechávají v exportu ("Generator: Adobe Illustrator…"). Rychlý sanity pass před zakódováním SVG jako data: URL.

Není tak agresivní jako SVGO. Skutečná knihovna SVGO umí optimalizovat cesty, čistit viewBox a dělat desítky dalších passů. Tento nástroj dělá záměrně jen bezpečné a očividné passy — aby zůstal bez závislostí a 100 % v prohlížeči. Odstranění výchozích atributů je konzervativní. Odstraňuje jen krátký seznam známých výchozích ( stroke="none" , fill-rule="nonzero" , atd.). Pokud je tvé SVG potřebuje explicitně, odškrtni možnost. Zaokrouhlení souřadnic je ztrátové. 2 desetinná místa jsou bezpečná pro ikony a loga; pro diagramy s vysokou přesností možná zvážíš vypnutí. Stlačení bílých znaků může rozbít . SVG elementy, které spoléhají na vícero mezer, je ztratí. U ikonových SVG (bez textu) to nikdy není problém.

Optimalizátor SVG

Minifikuj SVG soubory přímo v prohlížeči. Odstraňuje komentáře, zbytečné mezery, výchozí atributy a zaokrouhluje dlouhá desetinná čísla. Soubory nikdy neopustí tvé zařízení.

SVG input

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

Možnosti

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

Optimized SVG

Zadej vstup nahoře, aby ses dostal k výsledku.

K čemu to slouží?

Tento nástroj projede SVG malou sérií ručně psaných regex passů, aby zmenšil velikost v bajtech: odstraní XML komentáře, stlačí bílé znaky mezi tagy, odstraní hrstku atributů, které se shodují s jejich výchozími hodnotami, a zaokrouhlí dlouhé desetinné souřadnice na 2 místa. Každý pass je checkbox, který můžeš vypnout. Vše se děje v prohlížeči — žádný upload, žádný server.

Kdy to použít

Vyčištění SVG ikony exportované z Figma, Illustrator nebo Sketch před jejím commitnutím do repa.
Oříznutí <svg> payloadu před inline vložením do HTML nebo CSS (kde každý bajt putuje s každou stránkou).
Odstranění XML komentářů, které některé designové nástroje nechávají v exportu ("Generator: Adobe Illustrator…").
Rychlý sanity pass před zakódováním SVG jako data: URL.

Časté chyby

Není tak agresivní jako SVGO. Skutečná knihovna SVGO umí optimalizovat cesty, čistit viewBox a dělat desítky dalších passů. Tento nástroj dělá záměrně jen bezpečné a očividné passy — aby zůstal bez závislostí a 100 % v prohlížeči.
Odstranění výchozích atributů je konzervativní. Odstraňuje jen krátký seznam známých výchozích (stroke="none", fill-rule="nonzero", atd.). Pokud je tvé SVG potřebuje explicitně, odškrtni možnost.
Zaokrouhlení souřadnic je ztrátové. 2 desetinná místa jsou bezpečná pro ikony a loga; pro diagramy s vysokou přesností možná zvážíš vypnutí.
Stlačení bílých znaků může rozbít <text>. SVG <text> elementy, které spoléhají na vícero mezer, je ztratí. U ikonových SVG (bez textu) to nikdy není problém.