Historielektion: Vad är en .svg-fil? Därför öppnas den i webbläsaren

Vad är en .svg-fil?

En .svg-fil är en Scalable Vector Graphics-bild. De flesta bildformat du känner till – JPG, PNG, BMP – är rasterbilder: ett fast rutnät av färgade punkter (pixlar). Förstorar du tillräckligt blir kanterna trappsteg. SVG är ett vektorformat: det lagrar instruktioner – gå hit, rita en kurva dit, fyll den här formen med turkos – och programvaran ritar om formerna varje gång, i den storlek skärmen eller skrivaren behöver. W3C:s egen specifikation beskriver SVG som ett språk för att beskriva tvådimensionell vektorgrafik och blandad vektor-/rastergrafik i XML.

XML (Extensible Markup Language) är ett rent textformat uppbyggt av taggar, mycket likt HTML på webbsidor. En .svg-fil är alltså i grunden text du kan öppna i Anteckningar: en yttre svg-tagg och inuti former som path, circle och rect med koordinater och färger som attribut. Den som söker på ”vad är en .svg-fil” har oftast just stött på en – en logotyp från en formgivare, ett ikonpaket, ett diagram exporterat från ett verktyg – och märkt att den inte beter sig som ett foto.

Varför öppnas en .svg i min webbläsare?

Därför att webbläsaren på de flesta datorer är det program som är bäst rustat att rita SVG. Alla stora webbläsare visar det inbyggt i dag, så Windows skickar ofta .svg-filer till Edge, Chrome eller Firefox när du dubbelklickar. Pixelbaserade verktyg är byggda för rastergrafik, och Utforskaren i Windows har länge behövt hjälp: Microsofts kostnadsfria PowerToys-tillägg finns bland annat för att ge Utforskaren förhandsgranskning och miniatyrer av SVG.

Nyare Office-versioner är vänligare. Microsoft uppger att Word, PowerPoint, Excel och Outlook i Microsoft 365 och i Office 2019, 2021 och 2024 kan infoga och redigera SVG-bilder, och det inbyggda Ikoner-biblioteket i Microsoft 365-apparna består av SVG-bilder. Äldre Office-versioner, många webbplatser och en mängd andra program förväntar sig fortfarande PNG eller JPG.

1998: sex förslag för att rita på webben

Den tidiga webben hade bilder, men bara som pixlar. Enligt W3C:s egen historiksida, ”The Secret Origin of SVG”, skrev Chris Lilley på W3C 1996 allmänna krav på vektorgrafik för webben. År 1998 hade sex konkurrerande förslag kommit in. Två kom från tunga aktörer: PGML (Precision Graphics Markup Language) från Adobe, IBM, Netscape och Sun, publicerad som W3C Note den 10 april 1998, och VML (Vector Markup Language) från Autodesk, Hewlett-Packard, Macromedia och Microsoft, publicerad den 13 maj 1998. De övriga var Web Schematics, Hyper Graphics Markup Language, WebCGM och DrawML.

Den nya SVG-arbetsgruppen valde att inte bygga vidare på något av dem. I stället utformade den ett nytt språk som var ”informerat av, men inte egentligen baserat på” förslagen. VML, som uppstod i Microsofts Office-grupp och levererades med Internet Explorer, påverkade SVG:s kompakta bansyntax: gruppen fann att korta bankoder gjorde filerna märkbart mindre även efter komprimering. PGML, byggt på bildmodellen i Adobes PostScript och PDF, präglade främst SVG:s koordinatsystem och transformationer och hanteringen av färg.

SVG 1.0, SVG 1.1 och telefonerna

SVG 1.0 blev W3C-rekommendation – konsortiets ord för en färdig standard – den 4 september 2001, redigerad av Jon Ferraiolo från Adobe och med författare från så olika företag som Microsoft, Sun, Netscape, Kodak, Corel, Canon och Opera. SVG 1.1 följde den 14 januari 2003 och delade upp språket i återanvändbara moduler.

Samma dag publicerade W3C Mobile SVG Profiles: SVG Tiny för mobiltelefoner och SVG Basic för handdatorer (PDA), båda äkta delmängder av SVG 1.1. W3C:s pressmeddelande nämnde att mobilstandardorganet 3GPP redan höll på att bygga in mobil SVG i tredje generationens telefoner. Senare blev SVG Tiny 1.2 rekommendation den 22 december 2008.

Insticksåren: Adobe SVG Viewer och Internet Explorer

En standard behöver något som ritar den. I början av 2000-talet var den vanligaste lösningen Adobe SVG Viewer, ett kostnadsfritt insticksprogram för webbläsare; W3C tillskriver Adobe ”en populär SVG-visare” och SVG-stöd i produkter som Illustrator. Internet Explorer, då den dominerande webbläsaren, ritade inte SVG själv – Internet Explorer 8 och äldre saknade inbyggt stöd – så många såg bara SVG genom det insticksprogrammet.

I december 2005 slutförde Adobe köpet av Macromedia, som gjorde Flash, det andra sättet att få vektoranimation på webben. Senare avslutade Adobe supporten för Adobe SVG Viewer den 1 januari 2009 med motiveringen att SVG och dess spridning hade mognat så mycket att Adobe inte längre behövde tillhandahålla en visare. En del i SVG-världen kopplade beslutet till att Adobe nu ägde Flash; Adobes meddelande sade inte det.

Webbläsarna höll redan på att fylla luckan. Opera, Firefox och de WebKit-baserade Safari och Chrome fick inbyggt SVG under 2000-talet. Den 16 mars 2010 meddelade Microsoft på konferensen MIX10 att Internet Explorer 9 skulle stödja SVG, och IE9 släpptes den 14 mars 2011. W3C:s historiksida noterar ironin: stödet i Internet Explorer slöt cirkeln tillbaka till en av SVG:s rötter, VML.

Inkscape, Illustrator och filerna på din disk

Ritprogram gjorde SVG till en vardaglig export. Den 5 november 2003 tillkännagav fyra utvecklare Inkscape, en förgrening av ritprogrammet Sodipodi med det uttalade målet att bygga en helt SVG-kompatibel 2D-grafikredigerare; programmet använder SVG som eget format. Kommersiell illustrationsprogramvara som Adobe Illustrator sparar också SVG, liksom många diagram-, graf- och designverktyg.

Därför samlas .svg-filer på helt vanliga datorer 2026: företagslogotyper från en formgivare, ikonuppsättningar nedladdade till en webbplats eller presentation, diagram och grafer exporterade från andra verktyg och webbresurser sparade från en webbplats. Många är flera år gamla – äldre filer från avslutade projekt som nu ska in i ett dokument, ett mejl eller ett uppladdningsformulär som bara tar pixlar. Om vektorformatet från Windows-eran före SVG, se Historielektion: Vad är en .wmf-fil?.

.svgz: samma teckning, komprimerad med gzip

Eftersom SVG är text full av upprepade taggar krymper den kraftigt med gzip, en utbredd förlustfri komprimeringsmetod (ingenting slängs). En komprimerad SVG får filändelsen .svgz. SVG 1.1-specifikationen kräver att konforma visare hanterar gzip- och deflate-komprimerat innehåll och ber webbservrar märka filer lagrade med ändelsen svgz som komprimerade, så att webbläsare packar upp dem rätt.

Utanför webbläsaren ställer .svgz till det för fler program än vanlig .svg: ett program som inte packar upp den först ser bara komprimerade byte. Teckningen finns kvar – den behöver bara en läsare som vet att den ska packa upp innan den ritar.

SVG 2: fortfarande inte klar

Trots all spridning är den senaste färdiga SVG-standarden fortfarande SVG 1.1 Second Edition, en städutgåva publicerad den 16 augusti 2011. SVG 2 nådde stadiet Candidate Recommendation första gången den 15 september 2016. Den senaste Candidate Recommendation-ögonblicksbilden av SVG 2 från W3C är daterad den 6 oktober 2026 och anger att den tidigast kan bli fullständig rekommendation den 1 december 2026.

När du behöver PNG eller JPG i stället

Att göra om en SVG till en vanlig bild kallas att rastrera: programvaran ritar formerna en gång, i en storlek du väljer, och sparar pixlarna. Välj en generös storlek, för när det väl är pixlar skalar det inte längre rent. Ta PNG om logotypen eller ikonen behöver genomskinlig bakgrund, och JPG för en platt bild på enfärgad bakgrund. Att döpa om .svg till .png gör ingenting – filen är fortfarande XML-text. Läs mer om målformatet i Historielektion: Vad är en .png-fil?.

Legacy File Converter öppnar .svg- och .svgz-filer på din egen Windows-dator och sparar dem som PNG- eller JPG-bilder – ingenting laddas upp, vilket spelar roll när logotypen tillhör en kund. Det är ingen SVG-redigerare och skapar inga vektorfiler; det ger dig en bild som alla appar och uppladdningsformulär tar emot. Närliggande bildlektioner: PNG, WMF och EMF och WebP.