Storleken på en SVG-fil beror på hur komplex den är, inte hur ”stor” den är. Kom ihåg att SVG: s inte riktigt bryr sig om vilken storlek de renderas i, de är flexibla och skarpa oavsett vad.
Föreställ dig en rasterbild på 100 × 100 pixlar. Det är 10 000 pixlar information. SVG är bara instruktioner om hur man ritar något, så om instruktionerna är tillräckligt enkla kan de vara ganska mindre än att behöva lagra data på varje pixel. Det är lite mer komplicerat än så, eftersom kompression spelar in på båda sidor, men att den övergripande idén finns.
Det är dock inte så enkelt som “SVG är mindre” - och det finns ingen fast formel för att bestämma vilket format som ska användas som alltid är korrekt. Ibland är det väldigt uppenbart. En solid form av Apples logotyp? Vektor kommer att vara mindre för nästan alla storlekar. En illustration av ett ek med massor av löv? Vektorn kan vara för komplicerad och ett rasterbildformat blir mindre.
Du kanske bara måste spara en kopia åt båda hållen, optimera båda och testa filstorleken.
SVG är vanligtvis bra för saker som:
- Logotyper
- Ikoner
- Enkla illustrationer
- Diagram
- Kartor
Jag slår vad om att du redan har ganska bra intuition om vilken typ av grafik som är meningsfullt att vara vektor.
Filer
- 04-icon_62532.png.webp
- 04-icon_62532.svg