Hoe open je een SVG-bestand? Computer, telefoon en browser

1. Vier manieren om een SVG op de computer te openen

• Browser (het makkelijkst): sleep het SVG-bestand in een venster van Chrome, Edge, Firefox of Safari en het verschijnt; je kunt ook met de rechtermuisklik het bestand openen via "Openen met" en een browser kiezen;
• Standaardprogramma instellen: werk je vaak met SVG, koppel .svg-bestanden dan aan een browser of ontwerpprogramma, zodat een dubbelklik ze direct opent;
• Ontwerpsoftware: Illustrator, Figma en het gratis Inkscape openen en bewerken SVG, handig voor grondig werk;
• Code-editor: een SVG is in feite XML-tekst, dus openen in VS Code laat je de broncode bekijken en aanpassen, wat problemen oplossen een stuk eenvoudiger maakt.

Het standaardprogramma instellen: klik in Windows met de rechtermuisknop op het SVG-bestand, kies "Openen met → Een andere app" en vink "Gebruik altijd deze app" aan; klik in macOS met de rechtermuisknop en kies "Info", selecteer een browser bij "Openen met" en klik op "Alles wijzigen", zodat een dubbelklik voortaan een voorbeeld toont.

2. Een SVG op je telefoon openen

Android: sommige bestandsbeheerders tonen SVG niet direct; houd het bestand ingedrukt, kies "Openen met" en selecteer een browser. iPhone: sla de SVG op in de app Bestanden, waar nieuwere systemen hem direct tonen; verschijnt er niets, deel hem dan en open hem in Safari. SVGs die je in WeChat of QQ ontvangt komen als gewone bestanden binnen en tonen goed zodra je ze via "Openen met" in een browser opent.

Over het algemeen is de browser op je telefoon de meest betrouwbare SVG-viewer, zonder dat je een extra app hoeft te installeren. Tablets werken op dezelfde manier: open het bestand in de meegeleverde browser, zonder speciale viewer.

3. Dubbelklikken toont code of een leeg venster, wat nu?

Je ziet een hoop code: het bestand is gekoppeld aan een tekstverwerker zoals Kladblok. Een SVG is nu eenmaal tekst, dus dat is normaal — open het in een browser om de tekening te zien. Het blijft leeg: controleer eerst of het bestand compleet is — open het in een code-editor: een normale SVG begint met de tag <svg> of met de declaratie <?xml. Zie je webcode als <html>, dan is er bij het downloaden waarschijnlijk een foutpagina opgeslagen als .svg en moet je opnieuw downloaden. Verwijst het bestand bovendien naar externe afbeeldingen of lettertypen, dan mislukt het laden van die bronnen en ontbreekt er content.

Nog een waarschuwing: een SVG is een tekstformaat dat scripts kan bevatten. Open dus geen bestanden van onbekende herkomst zomaar in de browser. Bekijk de inhoud eerst in een code-editor, dat is veiliger; controleer of het bestand met de svg-tag begint en geen verdachte scripts bevat en ga daarna pas voorbeelden bekijken.

4. Wel bewerken? Gebruik de online editor

Wil je alleen een kleur aanpassen, een achtergrond weghalen of een paar elementen verwijderen, dan hoef je geen groot programma te installeren. Open de online SVG-editor van PolySVG (rechtstreeks via /editor), upload het bestand en je kunt op paden klikken om ze te verwijderen, met één klik de achtergrond halen, kleuren aanpassen, bijtekenen met het penseel, wissen met de gum, ongedaan maken en opnieuw wanneer je wilt, en daarna SVG of PNG exporteren. Gratis, zonder installatie en zonder registratie.

5. Wil je alleen de afbeelding zien? Omzetten naar PNG is het handigst

Kan het apparaat van de andere persoon geen SVG openen, dan is omzetten naar PNG de eenvoudigste oplossing: exporteer een PNG via de editor of maak een schermafbeelding in de browser. Wil je het formaat zelf beter begrijpen, lees dan Wat is SVG; en heb je een bitmap die naar SVG moet, dan doet de afbeelding naar SVG-tool dat in een paar stappen.

Ben je ontwikkelaar, dan kun je de SVG ook direct in de HTML insluiten of met een img-tag aanroepen, waarna de browser hem meteen tekent — zo wordt een SVG op een webpagina meestal geopend.