SVG optimalizátor (SVGO)

Zmenšení SVG knihovnou SVGO: odstranění metadat editorů, zkrácení cest, zaokrouhlení čísel a porovnání náhledu. Anglicky SVG optimizer.

Vše se počítá přímo v tomto prohlížeči — žádná data nikam neodcházejí.

Vstupní SVG

Nebo vlož kód níže.

Optimalizace

Vlož SVG kód, nahraj soubor nebo použij ukázku.

Jak použít: SVG optimalizátor (SVGO)

Optimalizátor zmenší SVG exportované z Illustratoru, Inkscape nebo Figmy knihovnou SVGO, stejnou, jakou používá SVGOMG. Odstraní metadata editorů, komentáře a nepoužité definice, zkrátí zápis cest a barev a zaokrouhlí čísla, aniž by se změnil vzhled obrázku.

  1. Nahraj soubor v poli Soubor SVG, vlož kód do pole SVG kód, nebo klikni na Vložit ukázku.
  2. V panelu Nastavení uprav přesnost čísel a zapni nebo vypni jednotlivé úpravy; výsledek se přepočítá hned.
  3. Na záložce Náhled porovnej původní a optimalizovaný obrázek, pak výsledek stáhni nebo zkopíruj.

Časté chyby a tipy

Přesnost čísel
Nižší přesnost ušetří nejvíc, ale u malých ikon s jemnými detaily může tvary viditelně posunout. Sniž ji postupně a sleduj náhled; pro ikony obvykle stačí 1 až 2 desetinná místa.
viewBox a rozměry
Pro škálovatelné ikony zapni Nahradit width a height atributem viewBox; velikost pak určí CSS. Atribut viewBox naopak neodstraňuj, bez něj se SVG přestane správně zvětšovat.
Přístupnost
Prvek <title> slouží čtečkám obrazovky jako popis obrázku, proto ho výchozí nastavení ponechává. Odstraň ho jen u čistě dekorativní grafiky.

Nástroj je zdarma a běží celý v tvém prohlížeči — vložená data se nikam neodesílají ani neukládají.

Převod SVG na CSS (data URI) →

Další nástroje v kategorii Formátovače