Historietime: Hva er en .svg-fil? Derfor åpnes den i nettleseren

Hva er en .svg-fil?

En .svg-fil er et Scalable Vector Graphics-bilde. De fleste bildeformatene du kjenner – JPG, PNG, BMP – er rasterbilder: et fast rutenett av fargede punkter (piksler). Forstørrer du nok, blir kantene til trappetrinn. SVG er et vektorformat: Det lagrer instruksjoner – flytt hit, tegn en kurve dit, fyll denne formen med turkis – og programvaren tegner formene på nytt hver gang, i den størrelsen skjermen eller skriveren trenger. W3Cs egen spesifikasjon beskriver SVG som et språk for å beskrive todimensjonal vektorgrafikk og blandet vektor-/rastergrafikk i XML.

XML (Extensible Markup Language) er et rent tekstformat bygget av tagger, svært likt HTML på nettsider. En .svg-fil er altså innerst inne tekst du kan åpne i Notisblokk: en ytre svg-tagg, og inni den former som path, circle og rect med koordinater og farger som attributter. De som søker på «hva er en .svg-fil», har som regel nettopp fått en – en logo fra en designer, en ikonpakke, et diagram eksportert fra et verktøy – og oppdaget at den ikke oppfører seg som et foto.

Hvorfor åpnes en .svg i nettleseren min?

Fordi nettleseren på de fleste PC-er er programmet som er best rustet til å tegne SVG. Alle store nettlesere viser det innebygd i dag, så Windows sender ofte .svg-filer til Edge, Chrome eller Firefox når du dobbeltklikker. Pikselbaserte verktøy er laget for rastergrafikk, og Windows Filutforsker har lenge trengt hjelp: Microsofts gratis PowerToys-tillegg finnes blant annet for å gi Filutforsker forhåndsvisning og miniatyrbilder av SVG.

Nyere Office-versjoner er vennligere. Microsoft oppgir at Word, PowerPoint, Excel og Outlook i Microsoft 365 og i Office 2019, 2021 og 2024 kan sette inn og redigere SVG-bilder, og det innebygde Ikoner-biblioteket i Microsoft 365-appene består av SVG-bilder. Eldre Office-versjoner, mange nettsteder og en rekke andre programmer forventer fortsatt PNG eller JPG.

1998: seks forslag til tegning på nettet

Det tidlige nettet hadde bilder, men bare som piksler. Ifølge W3Cs egen historieside, «The Secret Origin of SVG», skrev Chris Lilley i W3C i 1996 generelle krav til vektorgrafikk på nettet. I 1998 hadde det kommet seks konkurrerende forslag. To kom fra tunge aktører: PGML (Precision Graphics Markup Language) fra Adobe, IBM, Netscape og Sun, publisert som W3C Note 10. april 1998, og VML (Vector Markup Language) fra Autodesk, Hewlett-Packard, Macromedia og Microsoft, publisert 13. mai 1998. De øvrige var Web Schematics, Hyper Graphics Markup Language, WebCGM og DrawML.

Den nye SVG-arbeidsgruppen valgte å ikke bygge videre på noen av dem. I stedet utformet den et nytt språk som var «informert av, men ikke egentlig basert på» forslagene. VML, som oppsto i Microsofts Office-gruppe og ble levert med Internet Explorer, påvirket SVGs kompakte banesyntaks: Gruppen fant at korte banekoder gjorde filene merkbart mindre selv etter komprimering. PGML, bygget på bildemodellen i Adobes PostScript og PDF, preget særlig SVGs koordinatsystem og transformasjoner og håndteringen av farger.

SVG 1.0, SVG 1.1 og telefonene

SVG 1.0 ble W3C-anbefaling – konsortiets ord for en ferdig standard – 4. september 2001, redigert av Jon Ferraiolo fra Adobe og med forfattere fra så ulike selskaper som Microsoft, Sun, Netscape, Kodak, Corel, Canon og Opera. SVG 1.1 fulgte 14. januar 2003 og delte språket inn i gjenbrukbare moduler.

Samme dag publiserte W3C Mobile SVG Profiles: SVG Tiny for mobiltelefoner og SVG Basic for håndholdte PDA-er, begge ekte delmengder av SVG 1.1. W3Cs pressemelding nevnte at mobilstandardorganet 3GPP allerede var i ferd med å bygge mobil-SVG inn i tredjegenerasjonstelefoner. Senere ble SVG Tiny 1.2 anbefaling 22. desember 2008.

Plugin-årene: Adobe SVG Viewer og Internet Explorer

En standard trenger noe som kan tegne den. Tidlig på 2000-tallet var den mest utbredte løsningen Adobe SVG Viewer, et gratis programtillegg til nettleseren; W3C tilskriver Adobe «en populær SVG-viser» og SVG-støtte i produkter som Illustrator. Internet Explorer, den gang den dominerende nettleseren, tegnet ikke SVG selv – Internet Explorer 8 og eldre hadde ingen innebygd støtte – så mange så bare SVG gjennom det programtillegget.

I desember 2005 fullførte Adobe oppkjøpet av Macromedia, som laget Flash, den andre måten å få vektoranimasjon på nettet. Senere avsluttet Adobe støtten for Adobe SVG Viewer 1. januar 2009 med begrunnelsen at SVG og utbredelsen av det hadde modnet så mye at Adobe ikke lenger trengte å tilby en viser. Noen i SVG-miljøet koblet beslutningen til at Adobe nå eide Flash; Adobes kunngjøring sa ikke det.

Nettleserne var allerede i ferd med å fylle hullet. Opera, Firefox og de WebKit-baserte Safari og Chrome fikk innebygd SVG i løpet av 2000-tallet. 16. mars 2010 kunngjorde Microsoft på konferansen MIX10 at Internet Explorer 9 ville støtte SVG, og IE9 kom 14. mars 2011. W3Cs historieside påpeker ironien: Støtten i Internet Explorer sluttet sirkelen tilbake til en av SVGs røtter, VML.

Inkscape, Illustrator og filene på disken din

Tegneprogrammer gjorde SVG til en hverdagslig eksport. 5. november 2003 kunngjorde fire utviklere Inkscape, en avlegger av tegneprogrammet Sodipodi med det uttalte målet å lage et fullt SVG-kompatibelt 2D-grafikkprogram; det bruker SVG som eget format. Kommersiell illustrasjonsprogramvare som Adobe Illustrator lagrer også SVG, og det gjør mange diagram-, graf- og designverktøy også.

Derfor hoper .svg-filer seg opp på helt vanlige PC-er i 2026: firmalogoer fra en designer, ikonsett lastet ned til et nettsted eller en presentasjon, diagrammer og grafer eksportert fra andre verktøy og nettressurser lagret fra et nettsted. Mange er år gamle – eldre filer fra avsluttede prosjekter som nå skal inn i et dokument, en e-post eller et opplastingsskjema som bare tar piksler. Om vektorformatet fra Windows-æraen før SVG, se Historietime: Hva er en .wmf-fil?.

.svgz: den samme tegningen, komprimert med gzip

Fordi SVG er tekst full av gjentatte tagger, krymper den kraftig med gzip, en utbredt tapsfri komprimeringsmetode (ingenting kastes). En komprimert SVG får filendelsen .svgz. SVG 1.1-spesifikasjonen krever at konforme visere håndterer gzip- og deflate-komprimert innhold, og ber webservere merke filer lagret med endelsen svgz som komprimerte, slik at nettlesere pakker dem riktig ut.

Utenfor nettleseren skaper .svgz trøbbel for flere programmer enn vanlig .svg: Et program som ikke pakker den ut først, ser bare komprimerte byte. Tegningen er der fortsatt – den trenger bare en leser som vet at den må pakke ut før den tegner.

SVG 2: fortsatt ikke ferdig

Til tross for all utbredelsen er den nyeste ferdige SVG-standarden fortsatt SVG 1.1 Second Edition, en oppryddingsutgave publisert 16. august 2011. SVG 2 nådde stadiet Candidate Recommendation første gang 15. september 2016. Det siste Candidate Recommendation-øyeblikksbildet av SVG 2 fra W3C er datert 6. oktober 2026 og sier at det tidligst kan bli full anbefaling 1. desember 2026.

Når du trenger PNG eller JPG i stedet

Å gjøre en SVG om til et vanlig bilde kalles å rasterisere: Programvaren tegner formene én gang, i en størrelse du velger, og lagrer pikslene. Velg en romslig størrelse, for når det først er piksler, skalerer det ikke lenger rent. Ta PNG hvis logoen eller ikonet trenger gjennomsiktig bakgrunn, og JPG for et flatt bilde på ensfarget bakgrunn. Å endre navnet fra .svg til .png gjør ingenting – filen er fortsatt XML-tekst. Les mer om målformatet i Historietime: Hva er en .png-fil?.

Legacy File Converter åpner .svg- og .svgz-filer på din egen Windows-PC og lagrer dem som PNG- eller JPG-bilder – ingenting lastes opp, noe som betyr noe når logoen tilhører en kunde. Det er ikke et SVG-redigeringsprogram og lager ikke vektorutdata; det gir deg et bilde som enhver app eller ethvert opplastingsskjema godtar. Nabotimer om bilder: PNG, WMF og EMF og WebP.