04: Miért SVG? Kicsi. - CSS-trükkök

Anonim

Az SVG fájl mérete attól függ, hogy mennyire összetett, és nem attól, hogy milyen „nagy”. Ne feledje, hogy az SVG-k nem igazán törődnek azzal, hogy milyen méretben kerülnek megjelenítésre, rugalmasak és élesek, bármi is legyen.

Képzeljen el egy 100 × 100 pixeles raszterképet. Ez 10 000 képpont információ. Az SVG csak útmutatás arra vonatkozóan, hogyan rajzolhatunk valamit, tehát ha ezek az utasítások elég egyszerűek, akkor azok kissé kisebbek lehetnek, mint az egyes pixeleken tárolt adatok. Ennél valamivel bonyolultabb, mivel a tömörítés mindkét oldalon játszik szerepet, de hogy az átfogó gondolat megvan.

Ez nem olyan egyszerű, mint az „SVG kisebb” - és nincs megadva képlet annak eldöntésére, hogy melyik formátumot használja, ami mindig helyes. Néha nagyon nyilvánvaló. Az Apple logó szilárd alakja? A vektor nagyjából bármilyen méretben kisebb lesz. Illusztráció egy tölgyfa sok levél? A vektor túl bonyolult lehet, és a raszteres kép formátuma kisebb lesz.

Kép Todd Parker előadásából.

Lehet, hogy csak mindkét irányba kell mentenie egy példányt, optimalizálnia kell mindkettőt, és tesztelnie kell a fájl méretét.

Az SVG általában kiváló a következő dolgokhoz:

  • Logók
  • Ikonok
  • Egyszerű illusztrációk
  • Diagramok
  • Térképek

Fogadok, hogy már nagyon jó megérzéseid vannak arról, hogy milyen grafikának van értelme vektornak lenni.

Fájlok

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