04: Zakaj SVG? Majhna. - CSS-triki

Anonim

Velikost datoteke SVG je odvisna od tega, kako zapletena je, ne pa od tega, kako velika je. Ne pozabite, da SVG-jem ni vseeno, kakšne velikosti so upodobljeni, so prilagodljivi in ​​ostri, ne glede na vse.

Predstavljajte si rastrsko sliko 100 × 100 slikovnih pik. To je 10.000 pik informacij. SVG je le navodilo, kako nekaj narisati, zato so ta navodila, če so dovolj preprosta, lahko nekoliko manjša, kot če bi morali shraniti podatke na posamezno slikovno piko. Je nekoliko bolj zapleteno od tega, saj stiskanje pride na vrsto na obeh straneh, vendar je splošna ideja v tem.

Ni pa tako preprosto, kot je »SVG je manjši« - in ni nobene nastavljene formule za odločitev, katero obliko uporabiti, ki bi bila vedno pravilna. Včasih je zelo očitno. Trdna oblika logotipa Apple? Vektor bo manjši za skoraj vse velikosti. Ponazoritev hrasta z veliko listi? Vektor je lahko preveč zapleten in oblika rastrske slike bo manjša.

Slika s predstavitve Todda Parkerja.

Morda boste kopijo morali shraniti v obe smeri, optimizirati obe in preizkusiti velikost datoteke.

SVG je običajno odličen za stvari, kot so:

  • Logotipi
  • Ikone
  • Preproste ilustracije
  • Grafikoni
  • Zemljevidi

Stavim, da že imate precej dobro intuicijo o tem, kakšno grafiko je smiselno vektorsko.

Datoteke

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