Steeds meer smartphones, tablets en laptops hebben een scherm met hoge resolutie. Een voorbeeld daarvan is een Retina scherm. Afbeeldingen van hoge resolutie worden prachtig weergegeven op een hoog resolutie scherm. Helaas worden lage resolutie beelden vaak slecht weergegeven op een hoog resolutie scherm. 

Dit geldt voor foto's maar zeker ook voor logo's en iconen. Op hoge resolutie schermen worden logo's en iconen vaak rafelig getoond. Dit kan voorkomen worden door gebruik te maken van SVG afbeeldingen.

SVG (scalable vector graphics) afbeeldingen zijn opgebouwd uit vectors. Dit wil zeggen dat de afbeelding in elke grootte wordt berekend. Dit betekent dat lijnen en curves altijd de hoogst mogelijk kwaliteit hebben.

Steeds meer browsers ondersteunen het gebruik van SVG’s. Dit is met name voor responsive web design ideaal.