SVG (Scalable Vector Graphics) ist ein SVG-Format, das häufig für Symbole, Logos und Diagramme verwendet wird. In diesem Leitfaden werden Kompatibilität, Komprimierung, Transparenz und Konvertierungsoptionen behandelt.
| Funktion | Unterstützung |
|---|---|
| Transparenz | alpha |
| Animation | native_or_css_script |
| Primäre Verwendungszwecke | logos, icons, diagrams, charts, responsive graphics |
Erweiterung
.svg
Kompression
text_or_gzip
Browserunterstützung
modern_major
Erfinder
W3C SVG Working Group
Erfinderorganisation
W3C
Ursprungsjahr
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG ist ein textbasiertes Vektorformat für Logos, Symbole, Diagramme, Diagramme und responsive Grafiken. Es lässt sich sauber skalieren, da es Formen und nicht feste Pixel beschreibt. Es muss jedoch bereinigt werden, wenn nicht vertrauenswürdige Uploads akzeptiert werden.
SVG wurde vom W3C als XML-basierte Vektorgrafiksprache für das Web entwickelt.
Rastern Sie SVG zu PNG, wenn Kompatibilität mit festen Pixeln erforderlich ist. Wählen Sie Ausgabeabmessungen, Skalierung, Hintergrundfarbe und Schriftart sorgfältig aus.
SVG bleibt bei jeder Größe scharf, bis es gerastert wird. PNG/JPG-Ausgaben sind Festpixel-Schnappschüsse der Vektoranweisungen.
SVG kann Metadaten, eingebettete Referenzen, Skripte, Links und Text enthalten. Bereinigen Sie nicht vertrauenswürdiges SVG und blockieren Sie externe Ressourcenlasten während der Konvertierung.
Starke Browser- und Vektoreditor-Unterstützung; Die Darstellung variiert je nach Schriftart und Funktionen.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
SVG-Transparenzunterstützung ist: Alpha. Wählen Sie ein Zielformat mit Alpha-Unterstützung, wenn transparente Hintergründe wichtig sind.
Konvertieren Sie SVG, wenn ein anderes Format besser zu Kompatibilität, Dateigröße, Transparenz, Metadaten oder Bearbeitungsanforderungen passt.
Fehlende Schriftarten, externe Assets, CSS oder nicht unterstützte SVG-Funktionen können das gerasterte Ergebnis verändern.
SVG ist Markup und kann Skripte oder externe Referenzen enthalten. Nicht vertrauenswürdiges SVG sollte vor dem Rendern bereinigt werden.
Verwenden Sie die endgültige Anzeigegröße oder exportieren Sie bei 2x/3x für Bildschirme mit hoher Dichte.
Verwenden Sie SVG, sofern dies für skalierbare Logos unterstützt wird. Verwenden Sie PNG als Fallback für feste Raster-Workflows.
W3C - official_spec
MDN Web Docs - browser_documentation