Hvad er SVG-filformatet?
Forkortelsen .svg står for Scalable Vector Graphics, og det er et format til 2D-grafikfiler. SVG er et XML-baseret sprog designet til at beskrive 2D-grafik i almindelig tekst. .svg-formatet blev udviklet af *World Wide Web Consortium (W3C)* og er standardformatet til visning af vektorgrafik på nettet, og blev en W3C-anbefaling i 2001 (SVG 1.1 fulgte i 2011).
Da tekst bruges til at beskrive vektorgrafik, kan skalaen af en .svg-fil ændres uden kvalitetstab. For at sige det enkelt - indholdet af filen, et billede, kan vises i enhver størrelse uden pixelering, hvilket gør .svg ideel til ikoner, logoer, illustrationer og UI-elementer, der skal se skarpe ud i enhver opløsning.
.svg-filer kan også komprimeres ved hjælp af GZIP-komprimering, hvorefter formatet ændres til .svgz, med en endelig størrelse reduceret med cirka 50-80%.
På grund af deres tekstuelle, XML-baserede natur kan .svg-filer gennemsøges, indekseres, komprimeres og scriptes, hvilket gør dem perfekt egnede til deling af grafik på nettet. Alle moderne browsere renderer indfødt .svg-billeder uden brug af plugins. .svg-filer understøttes ligeligt af simple teksteditorer og avancerede vektoreditorer som Inkscape eller Adobe Illustrator, og de kan indlejre PNG rasterbilleder, animationer, CSS-styling og interaktiv JavaScript direkte i filen. MIME-typen er image/svg+xml.
Sikkerhed og tryghed
RISIKO: MEDIUMSVG er XML og kan INDLEJRE CSS og JavaScript, så en .svg åbnet i en browser kan køre scripts - dette gør ondsindede SVG-filer til en reel vektor for cross-site-scripting, omdirigering og phishing, og SVG-e-mail-vedhæftninger er blevet brugt i malware-kampagner (et «harmløst billede», der faktisk indeholder et script eller en HTML-formular). Behandl uopfordrede .svg-filer som websider, ikke billeder: åbn dem ikke fra ukendte afsendere, og på websteder bør uploadede SVG-filer renses (fjern scripts/hændelseshåndterere), før de serveres. Det er sikkert at åbne en SVG i en fremviser uden scripting eller i en kodeditor for at inspicere XML-koden. Undgå tvivlsomme «gratis SVG-åbner/konverter» download-sider, der bundler adware - browseren og Inkscape dækker de reelle behov.
Formatdetaljer
kort fortaltProgrammer der åbner SVG-filer
Tekniske detaljer
dyb specifikation| Filstruktur | Almindelig XML-tekst; menneskeligt læsbar og redigerbar i enhver teksteditor uden specialsoftware |
| MIME-type | image/svg+xml |
| Tegnkodning | UTF-8 (erklæret i XML-headeren); filen er almindelig Unicode-tekst uden binært indhold |
| Skalerbarhed | Uendelig tabsfri skalering - geometri er defineret matematisk, så der opstår ingen pixelering ved nogen størrelse |
| Komprimeret variant | .svgz - den samme SVG XML pakket i gzip; filstørrelsen er typisk 50-80% mindre |
| Understøttelse af animation | Deklarative SMIL-animationer og CSS-animationer/overgange er begge understøttet |
| Scripting | JavaScript kan forespørge og ændre SVG-elementer gennem standard DOM API, hvilket muliggør interaktivitet |
| Styling | CSS kan anvendes via inline-stilattributter, indlejrede <style>-blokke eller eksterne stylesheets |
| Koordinatsystem | Uendeligt lærred med brugerdefinerede enheder; viewBox-attributten mapper dokumentkoordinater til viewporten |
| Form-primitiver | path, circle, rect, ellipse, polygon, polyline, line - plus gradienter, mønstre, masker og filtereffekter |
| Browser-rendering | Indfødt understøttelse i alle moderne browsere (Chrome, Firefox, Edge, Safari) - intet plugin påkrævet |
| Indlejring i HTML | Kan bruges inline som <svg>, refereres via <img>, <object>, <embed>, eller som et CSS background-image |
| Tilgængelighed | Tekstnoder er maskinlæsbare; understøtter <title> og <desc> elementer plus ARIA-attributter |
| Raster-indlejring | Eksterne rasterbilleder (PNG, JPEG) kan indlejres via <image>-elementer ved hjælp af filstier eller data-URI'er |
| Filidentifikation | Ingen binære magic bytes; identificeres ved <svg rodelementet, eventuelt forudgået af en XML-erklæring eller DOCTYPE |
| Udgivet | 2001 (SVG 1.0 W3C Recommendation); SVG 1.1 (2011); SVG 2 in development |
| Åben standard | Ja · royaltyfri |
| Specifikation | www.w3.org |
SVG-konverteringer
Fællesskabets Q&A
spurgt af brugereIngen spørgsmål endnu - vær den første til at spørge om SVG-filer.