04: Proč SVG? Malý. - Triky CSS

Anonim

Velikost souboru SVG závisí na tom, jak je složitý, ne jak „velký“. Nezapomeňte, že SVG je opravdu jedno, na jaké velikosti jsou vykresleny, jsou flexibilní a ostré bez ohledu na to, co.

Představte si rastrový obrázek 100 × 100 pixelů. To je 10 000 pixelů informací. SVG je pouze návod, jak něco nakreslit, takže pokud jsou tyto pokyny dostatečně jednoduché, mohou být o něco menší, než je nutné ukládat data na každý pixel. Je to trochu složitější, protože komprese vstupuje do hry na obou stranách, ale celková myšlenka je zde.

Není to tak jednoduché jako „SVG je menší“ - a neexistuje žádný nastavený vzorec pro rozhodnutí, který formát použít, který je vždy správný. Někdy je to velmi zřejmé. Pevný tvar loga Apple? Vektor bude menší pro téměř jakoukoli velikost. Ilustrace dubu se spoustou listů? Vektor může být příliš komplikovaný a formát rastrového obrázku bude menší.

Obrázek z prezentace Todda Parkera.

Možná budete muset kopii uložit oběma způsoby, optimalizovat obě a otestovat velikost souboru.

SVG je obvykle skvělé pro věci jako:

  • Loga
  • Ikony
  • Jednoduché ilustrace
  • Grafy
  • Mapy

Vsadím se, že už máte docela dobrou intuici o tom, jaký druh grafiky má smysl být vektorový.

Soubory

  • 04-icon_62532.png.webp
  • 04-icon_62532.svg