SVG (Scalable Vector Graphics) is een SVG-indeling die vaak wordt gebruikt voor pictogrammen, logo's en diagrammen. Deze handleiding behandelt compatibiliteit, compressie, transparantie en conversiekeuzes.
| Functie | Ondersteuning |
|---|---|
| Transparantie | alpha |
| Animatie | native_or_css_script |
| Primaire toepassingen | logos, icons, diagrams, charts, responsive graphics |
Extensie
.svg
Compressie
text_or_gzip
Browser-ondersteuning
modern_major
Uitvinder
W3C SVG Working Group
Uitvinders organisatie
W3C
Herkomst jaar
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG is een op tekst gebaseerd vectorformaat voor logo's, pictogrammen, diagrammen, grafieken en responsieve afbeeldingen. Het schaalt netjes omdat het vormen beschrijft in plaats van vaste pixels, maar het moet worden opgeschoond bij het accepteren van niet-vertrouwde uploads.
SVG is door het W3C ontwikkeld als een op XML gebaseerde vectorafbeeldingstaal voor het web.
Raster SVG naar PNG wanneer compatibiliteit met vaste pixels nodig is. Kies de uitvoerafmetingen, schaal, achtergrondkleur en lettertypebehandeling zorgvuldig.
SVG blijft op elk formaat scherp totdat het wordt gerasterd. PNG/JPG-uitvoer zijn momentopnamen met vaste pixels van de vectorinstructies.
SVG kan metadata, ingebedde referenties, scripts, links en tekst bevatten. Reinig niet-vertrouwde SVG en blokkeer de belasting van externe bronnen tijdens de conversie.
Sterke ondersteuning voor browsers en vectoreditors; weergave varieert afhankelijk van lettertypen en functies.
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
Ondersteuning voor SVG-transparantie is: alpha. Kies een doelformaat met alfa-ondersteuning wanneer transparante achtergronden belangrijk zijn.
Converteer SVG wanneer een ander formaat beter aansluit bij compatibiliteit, bestandsgrootte, transparantie, metagegevens of bewerkingsbehoeften.
Ontbrekende lettertypen, externe elementen, CSS of niet-ondersteunde SVG-functies kunnen het gerasterde resultaat wijzigen.
SVG is markup en kan scripts of externe referenties bevatten. Niet-vertrouwde SVG moet worden opgeschoond voordat deze wordt weergegeven.
Gebruik de uiteindelijke weergavegrootte of exporteer naar 2x/3x voor schermen met hoge dichtheid.
Gebruik SVG waar ondersteund voor schaalbare logo's; gebruik PNG als fallback voor vaste rasterworkflows.
W3C - official_spec
MDN Web Docs - browser_documentation