Geschiedenisles: Wat is een .svg-bestand? Waarom het in je browser opent

Wat is een .svg-bestand?

Een .svg-bestand is een Scalable Vector Graphics-afbeelding. De meeste afbeeldingsformaten die je kent – JPG, PNG, BMP – zijn rasterafbeeldingen: een vast raster van gekleurde stipjes (pixels). Vergroot ver genoeg en de randen worden trapjes. SVG is een vectorformaat: het slaat instructies op – ga hierheen, teken een curve naar daar, vul deze vorm met turquoise – en software tekent de vormen elke keer opnieuw, op het formaat dat het scherm of de printer nodig heeft. De eigen specificatie van het W3C beschrijft SVG als een taal om tweedimensionale vector- en gemengde vector-/rasterafbeeldingen in XML te beschrijven.

XML (Extensible Markup Language) is een tekstformaat opgebouwd uit tags, sterk vergelijkbaar met de HTML van webpagina’s. Een .svg-bestand is dus in de kern tekst die je in Kladblok kunt openen: een buitenste svg-tag met daarin vormen als path, circle en rect, met coördinaten en kleuren als attributen. Wie zoekt op ‘wat is een .svg-bestand’ heeft er meestal net een gekregen – een logo van een ontwerper, een pictogrampakket, een diagram geëxporteerd uit een of ander programma – en merkt dat het zich niet gedraagt als een foto.

Waarom opent een .svg in mijn webbrowser?

Omdat op de meeste pc’s de webbrowser het programma is dat SVG het best kan tekenen. Alle grote browsers tonen het tegenwoordig zelf, dus Windows geeft .svg-bestanden bij dubbelklikken vaak aan Edge, Chrome of Firefox. Pixelgebaseerde hulpmiddelen zijn gemaakt voor rasterafbeeldingen, en Windows Verkenner heeft lang hulp nodig gehad: Microsofts gratis PowerToys-uitbreidingen bestaan deels om Verkenner SVG-voorbeelden en -miniaturen te geven.

Nieuwere Office-versies zijn vriendelijker. Microsoft zegt dat Word, PowerPoint, Excel en Outlook in Microsoft 365 en in Office 2019, 2021 en 2024 SVG-afbeeldingen kunnen invoegen en bewerken, en de ingebouwde Pictogrammen-bibliotheek in de Microsoft 365-apps bestaat uit SVG-afbeeldingen. Oudere Office-versies, veel websites en een lange rij andere programma’s verwachten nog altijd PNG of JPG.

1998: zes voorstellen om op het web te tekenen

Het vroege web had afbeeldingen, maar alleen als pixels. Volgens de eigen geschiedenispagina van het W3C, ‘The Secret Origin of SVG’, schreef Chris Lilley van het W3C in 1996 algemene eisen op voor vectorafbeeldingen op het web. In 1998 waren er zes concurrerende voorstellen binnengekomen. Twee kwamen van zwaargewichten: PGML (Precision Graphics Markup Language) van Adobe, IBM, Netscape en Sun, gepubliceerd als W3C Note op 10 april 1998, en VML (Vector Markup Language) van Autodesk, Hewlett-Packard, Macromedia en Microsoft, gepubliceerd op 13 mei 1998. De andere waren Web Schematics, Hyper Graphics Markup Language, WebCGM en DrawML.

De nieuwe SVG-werkgroep koos ervoor geen van alle als basis te nemen. In plaats daarvan ontwierp ze een nieuwe taal die ‘geïnformeerd door, maar niet echt gebaseerd op’ de voorstellen was. VML, ontstaan in de Office-groep van Microsoft en meegeleverd met Internet Explorer, beïnvloedde de compacte padsyntaxis van SVG: de groep merkte dat korte padcodes bestanden duidelijk kleiner maakten, zelfs na compressie. PGML, gebouwd op het beeldmodel van Adobes PostScript en PDF, bepaalde vooral het coördinatensysteem en de transformaties van SVG en de omgang met kleur.

SVG 1.0, SVG 1.1 en de telefoons

SVG 1.0 werd op 4 september 2001 een W3C-aanbeveling – de term van het consortium voor een afgeronde standaard – onder redactie van Jon Ferraiolo van Adobe, met auteurs van uiteenlopende bedrijven als Microsoft, Sun, Netscape, Kodak, Corel, Canon en Opera. SVG 1.1 volgde op 14 januari 2003 en verdeelde de taal in herbruikbare modules.

Op dezelfde dag publiceerde het W3C de mobiele SVG-profielen: SVG Tiny voor mobiele telefoons en SVG Basic voor pda’s (persoonlijke digitale assistenten), beide echte deelverzamelingen van SVG 1.1. Het persbericht van het W3C vermeldde dat de mobiele standaardisatieorganisatie 3GPP mobiele SVG al aan het inbouwen was in telefoons van de derde generatie. Later werd SVG Tiny 1.2 op 22 december 2008 een aanbeveling.

De plug-injaren: Adobe SVG Viewer en Internet Explorer

Een standaard heeft iets nodig dat hem tekent. Begin jaren 2000 was de gangbaarste oplossing Adobe SVG Viewer, een gratis browserplug-in; het W3C schrijft Adobe ‘een populaire SVG-viewer’ toe en SVG-ondersteuning in producten zoals Illustrator. Internet Explorer, toen de dominante browser, tekende SVG niet zelf – Internet Explorer 8 en ouder hadden geen ingebouwde ondersteuning – dus veel mensen zagen SVG alleen via die plug-in.

In december 2005 rondde Adobe de overname af van Macromedia, de maker van Flash, de andere manier om vectoranimatie op het web te krijgen. Later stopte Adobe de ondersteuning voor Adobe SVG Viewer op 1 januari 2009, met als reden dat SVG en de acceptatie ervan zo volwassen waren geworden dat Adobe geen viewer meer hoefde te leveren. Sommigen in de SVG-wereld verbonden het besluit aan het feit dat Adobe nu eigenaar van Flash was; Adobes mededeling zei dat niet.

Browsers waren de leemte al aan het vullen. Opera, Firefox en de op WebKit gebaseerde Safari en Chrome kregen in de loop van de jaren 2000 ingebouwde SVG-ondersteuning. Op 16 maart 2010 kondigde Microsoft op zijn MIX10-conferentie aan dat Internet Explorer 9 SVG zou ondersteunen, en IE9 verscheen op 14 maart 2011. De geschiedenispagina van het W3C wijst op de ironie: ondersteuning in Internet Explorer maakte de cirkel rond, terug naar een van de wortels van SVG, VML.

Inkscape, Illustrator en de bestanden op je schijf

Tekenprogramma’s maakten van SVG een alledaagse export. Op 5 november 2003 kondigden vier ontwikkelaars Inkscape aan, een fork van het tekenprogramma Sodipodi met als uitgesproken doel een volledig SVG-conforme 2D-grafische editor; het gebruikt SVG als eigen formaat. Commerciële illustratiesoftware zoals Adobe Illustrator slaat ook SVG op, net als veel diagram-, grafiek- en ontwerpprogramma’s.

Daarom stapelen .svg-bestanden zich in 2026 op gewone pc’s op: bedrijfslogo’s van een ontwerper, pictogramsets gedownload voor een website of presentatie, diagrammen en grafieken geëxporteerd uit andere programma’s en webonderdelen opgeslagen van een site. Veel ervan zijn jaren oud – oude bestanden uit afgeronde projecten die nu in een document, een e-mail of een uploadformulier moeten dat alleen pixels accepteert. Voor het vectorformaat uit het Windows-tijdperk vóór SVG, zie Geschiedenisles: Wat is een .wmf-bestand?.

.svgz: dezelfde tekening, gecomprimeerd met gzip

Omdat SVG tekst vol herhaalde tags is, krimpt het flink met gzip, een veelgebruikte verliesloze compressiemethode (er gaat niets verloren). Een gecomprimeerde SVG krijgt de extensie .svgz. De SVG 1.1-specificatie verplicht conforme viewers om met gzip en deflate gecomprimeerde inhoud te verwerken en vraagt webservers om bestanden met de extensie svgz als gecomprimeerd te markeren, zodat browsers ze correct uitpakken.

Buiten de browser brengt .svgz meer programma’s in de war dan gewone .svg: een programma dat het niet eerst uitpakt, ziet alleen gecomprimeerde bytes. De tekening is er nog – ze heeft alleen een lezer nodig die weet dat hij eerst moet uitpakken voordat hij tekent.

SVG 2: nog altijd niet af

Ondanks al die verspreiding is de nieuwste afgeronde SVG-standaard nog steeds SVG 1.1 Second Edition, een opgeschoonde editie gepubliceerd op 16 augustus 2011. SVG 2 bereikte voor het eerst de fase Candidate Recommendation op 15 september 2016. De nieuwste Candidate Recommendation-snapshot van SVG 2 bij het W3C is gedateerd 6 oktober 2026 en vermeldt dat die op zijn vroegst op 1 december 2026 een volledige aanbeveling kan worden.

Als je toch PNG of JPG nodig hebt

Een SVG omzetten naar een gewone afbeelding heet rasteren: software tekent de vormen één keer, op een formaat dat jij kiest, en slaat de pixels op. Kies een ruim formaat, want eenmaal pixels schaalt het niet meer netjes. Neem PNG als het logo of pictogram een transparante achtergrond nodig heeft, en JPG voor een vlakke afbeelding op een effen achtergrond. .svg hernoemen naar .png doet niets – het bestand is nog steeds XML-tekst. Meer over het doelformaat in Geschiedenisles: Wat is een .png-bestand?.

Legacy File Converter opent .svg- en .svgz-bestanden op je eigen Windows-pc en slaat ze op als PNG- of JPG-afbeeldingen – er wordt niets geüpload, wat telt als het logo van een klant is. Het is geen SVG-editor en maakt geen vectoruitvoer; het geeft je een afbeelding die elke app en elk uploadformulier accepteert. Verwante beeldlessen: PNG, WMF en EMF en WebP.