Hva er SVG-filformatet?
Forkortelsen .svg står for Scalable Vector Graphics, og det er et format for 2D-grafikkfiler. SVG er et XML-basert språk designet for å beskrive 2D-grafikk i ren tekst. .svg-formatet ble utviklet av *World Wide Web Consortium (W3C)* og er standardformatet for visning av vektorgrafikk på nettet. Det ble en W3C-anbefaling i 2001 (SVG 1.1 fulgte i 2011).
Fordi tekst brukes til å beskrive vektorgrafikken, kan skalaen til en .svg-fil endres uten kvalitetstap. Enkelt sagt - innholdet i filen, et bilde, kan vises i hvilken som helst størrelse uten pikselering, noe som gjør .svg ideell for ikoner, logoer, illustrasjoner og UI-elementer som må se skarpe ut i alle oppløsninger.
.svg-filer kan også komprimeres ved hjelp av GZIP-komprimering, hvorpå formatet endres til .svgz, med en endelig størrelse redusert med omtrent 50-80 %.
På grunn av deres tekstlige, XML-baserte natur, kan .svg-filer søkes i, indekseres, komprimeres og skriptes, noe som gjør dem perfekt egnet for deling av grafikk på nettet. Alle moderne nettlesere randerer .svg-bilder naturlig uten behov for tilleggsprogrammer. .svg-filer støttes like godt av enkle tekstredigeringsprogrammer som av avanserte vektorredigeringsprogrammer som Inkscape eller Adobe Illustrator, og de kan bygge inn PNG-rasterbilder, animasjoner, CSS-stilark og interaktiv JavaScript direkte i filen. MIME-typen er image/svg+xml.
Sikkerhet og trygghet
RISIKO: MEDIUMSVG er XML og kan BYGGE INN CSS og JavaScript, så en .svg åpnet i en nettleser kan kjøre skript - dette gjør ondsinnede SVG-filer til en reell vektor for cross-site-scripting, omdirigering og phishing. SVG-e-postvedlegg har blitt brukt i skadevarekampanjer (et «ufarlig bilde» som faktisk inneholder et skript eller HTML-skjema). Behandle uoppfordrede .svg-filer som nettsider, ikke bilder: ikke åpne dem fra ukjente avsendere, og på nettsteder bør opplastede SVG-filer renses (fjerne skript/hendelseshåndterere) før de serveres. Det er trygt å åpne en SVG i en visningsenhet uten skriptstøtte eller i et koderedigeringsprogram for å inspisere XML-koden. Unngå tvilsomme nettsteder for nedlasting av «gratis SVG-åpner/konverter» som pakker med annonseprogramvare - nettleseren og Inkscape dekker de faktiske behovene.
Formatdetaljer
i et nøtteskallProgrammer som åpner SVG-filer
Windows4 apps
Adobe Illustrator
Betalt Fil -> Åpne .svg for å redigere; Fil -> Eksporter for PNG/JPG. Bransjestandarden for vektorredigering. 
Inkscape
Åpen kildekode Det foretrukne gratis SVG-redigeringsprogrammet på Linux (SVG er dets naturlige format). 
Web browser (Chrome, Edge, Firefox)
Gratis Dobbeltklikk på .svg eller dra den inn i nettleservinduet for å se den i full kvalitet.
Code editor (VS Code / Notepad++)
Gratis Åpne .svg som tekst for å lese/redigere XML-koden direkte (og forhåndsvis med en SVG-utvidelse). 
macOS3 apps
Adobe Illustrator
Betalt Fil -> Åpne .svg for å redigere; Fil -> Eksporter for PNG/JPG. Bransjestandarden for vektorredigering.
Inkscape
Åpen kildekode Det foretrukne gratis SVG-redigeringsprogrammet på Linux (SVG er dets naturlige format).
Web browser / Preview
Innebygd Åpne .svg i Safari/Chrome for å se den; macOS Forhåndsvisning randerer også SVG. 
Linux3 apps
GIMP
Åpen kildekode Importer .svg (rasteriserer den ved en valgt oppløsning) for pikselredigering/eksport.
Inkscape
Åpen kildekode Det foretrukne gratis SVG-redigeringsprogrammet på Linux (SVG er dets naturlige format).
SVG-Edit / boxy-svg (online editors)
Freemium Åpne og rediger SVG i nettleseren uten installasjon (Boxy SVG, eller åpen kildekode SVG-Edit). Tekniske detaljer
dyp spesifikasjon| Filstruktur | Ren XML-tekst; menneskelig lesbar og redigerbar i alle tekstredigeringsprogrammer uten spesialprogramvare |
| MIME-type | image/svg+xml |
| Tegnoding | UTF-8 (deklarert i XML-headeren); filen er ren Unicode-tekst uten binært innhold |
| Skalerbarhet | Uendelig tapsfri skalering - geometri er definert matematisk, så ingen pikselering oppstår uansett størrelse |
| Komprimert variant | .svgz - den samme SVG XML-en pakket i gzip; filstørrelsen er vanligvis 50-80 % mindre |
| Støtte for animasjon | Deklarative SMIL-animasjoner og CSS-animasjoner/overganger støttes begge |
| Skripting | JavaScript kan spørre og endre SVG-elementer gjennom standard DOM API, noe som muliggjør interaktivitet |
| Stilark (Styling) | CSS kan brukes via innebygde stilattributter, innebygde <style>-blokker eller eksterne stilark |
| Koordinatsystem | Uendelig lerret med brukerdefinerte enheter; viewBox-attributtet mapper dokumentkoordinater til visningsområdet |
| Form-primitiver | path, circle, rect, ellipse, polygon, polyline, line - pluss gradienter, mønstre, masker og filtereffekter |
| Nettleser-rendering | Innebygd støtte i alle moderne nettlesere (Chrome, Firefox, Edge, Safari) - ingen tilleggsprogrammer nødvendig |
| Innbygging i HTML | Kan brukes direkte som <svg>, refereres via <img>, <object>, <embed>, eller som et CSS background-image |
| Tilgjengelighet | Tekstnoder er maskinlesbare; støtter <title> og <desc>-elementer pluss ARIA-attributter |
| Raster-innbygging | Eksterne rasterbilder (PNG, JPEG) kan bygges inn via <image>-elementer ved bruk av filstier eller data-URI-er |
| Filidentifikasjon | Ingen binære «magic bytes»; identifiseres av <svg-rotelementet, eventuelt etterfulgt av en XML-deklarasjon eller DOCTYPE |
| Utgitt | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Åpen standard | Ja · royalty-fri |
| Spesifikasjon | www.w3.org |
SVG-konverteringer
Spørsmål og svar fra fellesskapet
spurt av brukereIngen spørsmål ennå - vær den første til å spørre om SVG-filer.
