Scalable Vector Graphics, förkortat SVG, är ett XML-baserad filformat för att beskriva tvådimensionella vektor-baserade grafik. Detta innebär i praktiken att en SVG-fil definieras genom matematiska ekvationer snarare än pixeldata. Därför kan man ta en SVG-bild och skala upp den till nästan vilken storlek som helst utan att förlora någon bildkvalitet. Detta skiljer sig från rasterbaserade bilder, som JPEG eller PNG, där skärpa och kvalitet förloras när man skalar upp bilden.
SVG används för att hantera grafik på webben och ger stöd för interaktion och animation. Det fungerar också sömlöst med andra webbstandarder som CSS och HTML. Du kan till exempel använda CSS för att styra utseendet på din SVG-bild, eller för att animera olika delar av den. SVG kan också användas för att bygga en hel webbsida, där varje enskilt textelement, form, färg och bild kan styras individuellt.
SVG är idealiskt för att skapa komplexa illustrationer, diagram och logotyper, som alla kan skalas för olika skärmstorlekar. Detta gör att det är en ideal lösning för responsiv webbdesign, där layout och design kan ändras beroende på användarens skärmstorlek. Det bör dock noteras att till skillnad från rasterbilder, som visar exakt samma bild på alla skärmar, kan vektorbilder se annorlunda ut på olika enheter beroende på dess egenskaper.
