Grafik med hög upplösning är en integrerad del av internetupplevelsen idag. Från logotyper till ikoner och illustrationer, bilder spelar en central roll i att forma användarens uppfattning om ett företag eller en produkt. Men att få dessa bilder att se bra ut på alla typer av skärmar – från mobilen till platt-TV:n – kan vara en stor utmaning. För det första måste bilderna vara tillräckligt högupplösta för att se bra ut på större skärmar. Men det måste också kunna skalas ner effektivt för mindre skärmar. Låt mig presentera lösningen på detta problem – Scalable Vector Graphics, eller SVG.
SVG är ett bildformat för vektorgrafik. Till skillnad från bitmap-bilder, som skapas med hjälp av en fast uppsättning pixlar, använder SVG matematiska formler för att skapa former, linjer och kurvor. Dessa grafiska element kan sedan skalas upp eller ner utan att förlora någon bildkvalitet.
Ett annat distinkt drag med SVG är att det är ett XML-baserat vektorbildformat. Detta innebär att SVG-filer kan redigeras med vilken textredigerare som helst, och därför är det lätt att skapa och ändra SVG-bilder. Dessutom tillåter SVG-filer för interaktivitet och animation, vilket öppnar upp otroliga möjligheter för webbdesigners och utvecklare.
