Prohlížeč a Optimalizátor SVG — Menší SVG Soubory

SVG soubory z Illustratoru, Figmy nebo Inkscape obsahují často desítky kilobajtů zbytečných metadat. Náš SVG optimalizátor je odstraní a sníží velikost souboru o 40–70 %.

Co se optimalizuje?

Metadata editoru (verze, název souboru), XML komentáře, nepoužité definice a jmenné prostory, nadbytečné atributy stylů, nadměrná desetinná přesnost v souřadnicích cest. Vše neviditelné v prohlížeči, ale zvětšující soubor.

SVG inline vs. externí

Inline SVG umožňuje CSS a JS animace a nevyžaduje další HTTP požadavek. Externí SVG (přes <img>) je cachovatelné a snáze udržovatelné. Používejte inline pro animovatelné ikony, externí pro opakovaně použitelné statické obrázky.

Přístupnost SVG

Přidejte <title> jako alternativní text pro čtečky obrazovky. Používejte role="img" a aria-labelledby. Dekorativní SVG dostanou aria-hidden="true". Dobře přístupné SVG zlepšuje SEO i uživatelský zážitek.