Het SVG-formaat
Helemaal geen pixels — instructies voor het tekenen van vormen, zodat het scherp blijft op elke grootte.
Wat is SVG?
SVG is een op XML gebaseerd vectorformaat. In plaats van een raster van pixels op te slaan, slaat het geometrie op: paden, cirkels, verlopen, tekst. De browser rendert dat op elke gewenste grootte, dus een SVG-logo is even scherp op een telefoon als op een billboard.
Voor vlakke, geometrische kunstwerken is het ook klein. Een logo dat 40 KB zou zijn als een PNG, is vaak 2 KB als een SVG, en het heeft slechts één bestand nodig in plaats van één per pixeldichtheid.
Omdat het XML is, kan SVG scripts, externe referenties en ingebedde stijlen bevatten. Dat maakt het echt actieve inhoud, en een SVG van een onbetrouwbare bron moet met dezelfde voorzichtigheid worden behandeld als een HTML-bestand — daarom injecteert KaiConvert nooit willekeurige SVG-opmaak in de pagina.
Veelvoorkomende toepassingen
- Logo's, pictogrammen en interfaceafbeeldingen
- Grafieken en datavisualisatie
- Illustraties en lijntekeningen die moeten schalen
- Alles wat op elke dichtheid haarscherp moet worden weergegeven
Voordelen
- Resolutie-onafhankelijk — scherp op elke grootte
- Zeer kleine bestanden voor geometrische kunstwerken
- Stijlbaar en animeerbaar met CSS
- Tekst in een SVG blijft echte, selecteerbare tekst
Beperkingen
- Ongeschikt voor foto's
- Complexe illustraties kunnen traag zijn om te renderen
- Kan scripts bevatten, dus onbetrouwbare SVG's zijn een beveiligingsrisico
- Rendering kan subtiel variëren tussen engines voor geavanceerde functies
Browserondersteuning
Universeel voor rendering. KaiConvert behandelt geüploade SVG als onbetrouwbaar: het wordt gerasterd in een sandboxed afbeeldingsbestand in plaats van inline in de DOM te worden geplaatst, zodat ingebedde scripts nooit worden uitgevoerd.