Komprimujte SVG

Veľkosť súborov SVG (hmotnosť obrázka) na rozdiel od bitmap nezávisí od veľkosti v pixeloch, ale závisí od množstva kódu. Pri veľkých obrázkoch sú výhody formátu SVG zrejmé. Dá sa predpokladať, že SVG vždy prekonáva bitmapy, pokiaľ ide o veľkosť súboru, ale nie je tomu tak vždy. Ak vytvárate webové stránky, pravdepodobne poznáte súbory SVG. Nie je to veľmi bežný formát obrázkov, ale podporuje ho väčšina moderných webových prehliadačov, ako sú Google Chrome, Microsoft Internet Explorer a Mozilla Firefox. SVG, čo znamená Scalable Vector Graphics, je formát vektorovej grafiky založený na XML. Súbory SVG je možné optimalizovať pre tri veci: veľkosť súboru, rýchlosť vykresľovania a úpravy. Vo väčšine prípadov je potrebná optimalizácia pre úpravy - najmä pre zložité kresby.

Množstvo kódu SVG je možné znížiť optimalizáciou. Odstraňujú sa metadáta. Po uložení do grafických editorov (napríklad Adobe Illustrator) obsahuje kód SVG veľa nepotrebných informácií, ktorých odstránenie zníži veľkosť súboru a nijako neovplyvní obrázok. Odstraňovanie nepotrebných predmetov. Obrázok môže obsahovať nepotrebné alebo skryté objekty, ako aj značky zoskupujúce objekty, ktorých odstránenie nemá vplyv na obrázok. Odstraňujú sa nepoužívané triedy a identifikátory. Pri úprave vektorových obrázkov môžu grafické editory k značkám pridať triedy a identifikátory, ktoré konečná verzia obrázku nepotrebuje. Optimalizácia atribútov značiek. Časté používanie atribútov je možné nahradiť vlastnosťami CSS: s veľkým počtom prvkov to môže výrazne znížiť hmotnosť SVG. Odstránenie nepotrebných uzlov. Každý bod na vektorovom obrázku sa odráža v objeme kódu: odstránenie nepotrebných uzlov pomôže znížiť jeho objem.