SVG-vektorgrafik (.svg)
W3C StandardSkalerbar vektorgrafik (SVG) er et XML-baseret vektorbilledformat til todimensionel grafik med understøttelse af interaktivitet, CSS-styling og animation.
Konverter SVG til PNG
Gratis SVG til PNG-konverter i browseren. Konverter filer med det samme på din enhed.
Komprimér SVG online
Privat - filer forlader aldrig din enhed
Undersøgelse og metadata
Operativsystemer og filanalysatorer identificerer SVG-filer ved at inspicere den indledende binære bytesekvens:
Byte-niveau Header-signatur (Magic Bytes)
Operativsystemer og filanalysatorer identificerer SVG-filer ved at inspicere den indledende binære bytesekvens:
HEX-SIGNATUR (OFFSET 0):
3C 73 76 67ASCII-REPRÆSENTATION: <svg
Standardisering: W3C Recommendation (SVG 1.1 / SVG 2)
Tekniske specifikationer
| Containerarkitektur | XML-baseret dokument med tekstmarkering, der definerer 2D-vektorgeometri |
| Komprimering | Gzip- / Brotli-tekstkomprimering (SVGZ bruger gzip-komprimering) |
| Byte-rækkefølge | Ikke relevant (tekstbaseret tegnstrøm i UTF-8 / UTF-16) |
| Farverum | sRGB, CSS Color Module 4 (Display P3, lab, lch) |
| Kanaler og struktur | Vektorformer, Bézier-kurver, typografi og gennemsigtighedsmasker med ubegrænset opløsning |
| Maks. dimensioner | Opløsningsuafhængig (skaleres til enhver visningsflade uden pixelering) |
| Gennemsigtighed | Fuldt variabel alfagennemsigtighed og CSS-blandingstilstande |
| Streaming og progressiv | Browserens XML-parser understøtter progressiv analyse af tekststrømmen |
Teknisk sammenligningsmatrix: SVG sammenlignet med konkurrenterne
| Teknisk attribut | SVG (Aktuel) | HTML5 Canvas | PNG | |
|---|---|---|---|---|
| Gengivelsesmodel | Vektor-DOM med bevaret tilstand | Bitmap-lærred med direkte gengivelse | Fast sidebeholder med bevaret tilstand | Rastergitter af pixels |
| Styling og CSS | Fuldt stilbar via CSS-klasser og variabler | Kræver genoptegning via JavaScript-canvas-API'et | Ingen dynamisk CSS-styling | Faste rasterpixler |
| Uendelig skalerbarhed | Ja (matematiske vektorkurver) | Kræver manuel opløsningsskalering | Ja (vektorelementer) | Nej (pixelerer ved forstørrelse) |
| Interaktivitet | Indbyggede DOM-hændelser (hover, klik, animationer) | Kræver manuel matematik til registrering af klik (hit detection) | Statisk dokument | Kræver et billedkort eller et canvas |
Almindelige korruptionstilstande og hex-gendannelsesvejledning
Browseren viser fejlen XML Parsing Error: uafsluttet token eller tag, der ikke stemmer overens.
Grundlæggende årsag: Fejlbehæftet XML-syntaks, manglende afslutningstags eller ikke-escaped og-tegn ('&' i stedet for '&').
Gendannelse: Validér med en XML-linter (xmllint fil.svg), og ret ubalancerede tags.
Sikkerhedsanalyse og parser-angrebsvektorer
Da SVG er eksekverbar XML, der understøtter '<script>'-tags og eksterne entiteter, udgør formatet betydelige XSS- og SSRF-risici, hvis SVG-filer fra ikke-betroede kilder vises.
Kendte angrebsvektorer
- Lagret Cross-Site Scripting (XSS) via indlejrede '<script>'-tags eller hændelseshåndterere som 'onload='.
- XML External Entity (XXE)-angreb, der læser lokale serverfiler, når XML-filer fortolkes på backendservere.
- XML-entitetsudvidelse ('Billion Laughs'), der forårsager tjenestenægtelse.
Defensive bedste praksisser: Rens altid SVG'er med DOMPurify før indlejring, eller servér dem med 'Content-Security-Policy: default-src 'none'' eller som '<img>'-tags, der automatisk deaktiverer scripts.
Historisk oprindelse og milepæle
Vigtige fordele og styrker
- Uafhængig af opløsning: skarpe linjer og typografi i enhver skærm- eller udskrivningsstørrelse.
- Ekstremt lille filstørrelse til logoer, ikoner og brugerfladeelementer.
- Kan fuldt ud styres med scripts og styles via CSS og JavaScript i browserens DOM.
Tekniske begrænsninger og ulemper
- Uegnet til fotografier eller komplekse billeder med kontinuerlige toner.
- Komplekse vektorbaner med tusindvis af knudepunkter kan give forsinkelser i CPU-gengivelsen og stort batteriforbrug.
- XML-formatet tillader indlejrede scripts, så indhold fra ikke-betroede uploads skal renses grundigt før gengivelse.
Interessante tekniske fakta
- Gzip kan gøre nogle SVG-filer væsentligt mindre; reduktionen afhænger af dokumentets indhold og komprimeringsindstillingerne.
- viewBox-attributten definerer et abstrakt koordinatlærred, der dynamisk afbildes på fysiske skærmpixels.
- Tidlige webbrowsere manglede indbyggede SVG-motorer, hvilket fik Adobe til at distribuere browserpluginnet Adobe SVG Viewer, før den indbyggede browserunderstøttelse faldt på plads omkring 2011.
Ofte stillede tekniske spørgsmål
Kan SVG-filer indeholde skadelig kode?
Ja. Da SVG er gyldig XML, kan den indeholde indlejret JavaScript ('<script>'), som køres, hvis SVG'en indlæses direkte i en browser eller åbnes i et '<svg>'-element direkte i dokumentet. Når SVG'er indlæses via et '<img>'-tag, deaktiveres scripts automatisk.
Hvornår skal jeg bruge SVG i stedet for PNG?
Brug SVG til ikoner, logoer, diagrammer, illustrationer og typografi, når skarp skalering på tværs af skærmstørrelser og små filer er vigtig. Brug PNG eller WebP til fotografier.
Hvordan kan jeg optimere store eller komplekse SVG-filer?
Du kan optimere vektorkurver ved at fjerne overflødige metadata, redigeringskommentarer (fra Inkscape eller Illustrator), usynlige grupper og ubrugte navnerumsdeklarationer med værktøjer som SVGO eller ved at komprimere SVG-filen.
Relaterede konverteringspar for SVG
Konvertering af SVG-vektorfiler til PNG-rasterbilleder omdanner skalerbar, kodebaseret grafik til et fast pixelgitter for bred kompatibilitet med programmer.
Når rasterbaserede PNG-billeder indkapsles i en SVG XML-vektorbeholder, kan de skaleres responsivt på nettet og indgå i vektorbaserede layouts.
Kompilér ældre 16-bit Windows GDI-vektortegningsdata til moderne, skalerbare SVG-stier uden tab af opløsning.
Konvertér 32-bit Windows Enhanced Metafile-grafik til rene, responsive SVG-vektorer til web- og designsoftware.
Konvertering af en DXF-tegning til SVG gør komplekse tekniske vektordata til let XML-grafik, som kan vises i webbrowsere og vektorredigeringsprogrammer.
Konvertering af skalerbar vektorgrafik (SVG) til Drawing Exchange Format (DXF) oversætter webklare visuelle vektorer til præcise matematiske koordinater, der kræves af CAD-software.
Del et SVG-logo eller en illustration som en PDF på én side. De skalerbare kurver bliver til et billede med fast opløsning, så vektordetaljer ikke kan genskabes ved zoom.