Komprimujte SVG

Velikost souborů SVG (hmotnost obrázku) na rozdíl od bitmap nezávisí na velikosti v pixelech, ale závisí na množství kódu. U velkých obrázků jsou výhody formátu SVG jasné. Lze předpokládat, že SVG vždy překonává bitmapy, pokud jde o velikost souboru, ale není tomu tak vždy. Pokud vytváříte webové stránky, možná znáte soubory SVG. Není to příliš běžný formát obrázku, ale je podporován většinou moderních webových prohlížečů, jako je Google Chrome, Microsoft Internet Explorer a Mozilla Firefox. SVG, což je zkratka pro Scalable Vector Graphics, je formát vektorové grafiky založený na XML. Soubory SVG lze optimalizovat pro tři věci: velikost souboru, rychlost vykreslování a úpravy. Ve většině případů je nutná optimalizace pro úpravy - zejména u složitých výkresů.

Množství kódu SVG lze snížit optimalizací. Odebírání metadat. Po uložení do grafických editorů (například Adobe Illustrator) obsahuje kód SVG spoustu nepotřebných informací, jejichž odebráním zmenšíte velikost souboru a nijak neovlivníte obrázek. Odstranění nepotřebných předmětů. Obrázek může obsahovat nepotřebné nebo skryté objekty, stejně jako značky, které seskupují objekty, jejichž odstranění nemá vliv na obrázek. Odebírání nepoužívaných tříd a identifikátorů. Při úpravách vektorových obrázků mohou grafické editory přidávat do tagů třídy a identifikátory, což konečná verze obrázku nepotřebuje. Optimalizace atributů tagů. Časté používání atributů lze nahradit vlastnostmi CSS: s velkým počtem prvků to může výrazně snížit hmotnost SVG. Odebírání nepotřebných uzlů. Každý bod ve vektorovém obrázku se odráží v objemu kódu: odstranění nepotřebných uzlů pomůže snížit jeho objem.