SVG-viewer & Editor
Bekijk, bewerk en optimaliseer SVG-bestanden online. Live preview, codebewerking en optimalisatietools.
Wat is het SVG-formaat?
SVG (Scalable Vector Graphics) is een XML-gebaseerd vectorafbeeldingsformaat dat oneindige schaling zonder kwaliteitsverlies mogelijk maakt. Het wordt veel gebruikt voor logo's, pictogrammen en webafbeeldingen.
Wat is het verschil tussen SVG en PNG?
SVG is een vectorformaat dat wiskundige formules gebruikt om afbeeldingen te beschrijven en oneindig kan worden geschaald zonder kwaliteitsverlies. PNG is een rasterformaat bestaande uit pixels dat wazig wordt bij vergroting. SVG is ideaal voor logo's, pictogrammen en diagrammen, terwijl PNG beter geschikt is voor foto's.
Welke bestandsformaten kan ik bekijken?
Deze tool bekijkt SVG-bestanden. U kunt SVG-code direct plakken of een .svg-bestand uploaden vanaf uw apparaat.
Kan ik SVG-code direct bewerken?
Ja, u kunt de SVG-broncode bewerken in het editorpaneel en wijzigingen in realtime in het voorbeeldpaneel zien.
Hoe werkt de live preview?
Het voorbeeldpaneel wordt automatisch bijgewerkt terwijl u typt in de code-editor, waardoor u precies ziet hoe uw SVG in browsers wordt weergegeven.
Hoe optimaliseer ik mijn SVG?
Klik op Optimaliseren om onnodige spaties, opmerkingen, metadata en redundante attributen te verwijderen en de bestandsgrootte te verkleinen.
Kan ik SVG-kleuren en -stijlen wijzigen?
Ja, u kunt vulkleuren, lijnkleuren, dekking en andere stijlattributen rechtstreeks in de SVG-code wijzigen.
Ondersteunt SVG animatie?
Ja, SVG ondersteunt animaties via SMIL (Synchronized Multimedia Integration Language) en CSS-animaties. U kunt effecten zoals beweging, kleurveranderingen en vormtransformaties rechtstreeks in SVG maken.
Welke browsers worden ondersteund?
Deze tool werkt in alle moderne browsers, waaronder Chrome, Firefox, Safari en Edge.
Hoe kan ik SVG-syntax valideren?
De tool markeert automatisch syntaxisfouten in uw SVG-code, zodat u problemen onmiddellijk kunt identificeren en oplossen.
Kan ik SVG schalen zonder kwaliteitsverlies?
Ja, SVG is een vectorformaat dat naar elke grootte kan worden geschaald zonder kwaliteitsverlies of pixelvorming.
Worden mijn SVG-gegevens naar een server gestuurd?
Nee, alle verwerking gebeurt lokaal in uw browser. Uw SVG-inhoud verlaat nooit uw apparaat.
Hoe SVG-viewer & Editor te gebruiken
SVG Viewer & Editor rendert een SVG zodra u de code plakt of het bestand neerzet, en laat de opmaak bewerken met een live voorbeeld. Alles gebeurt lokaal in uw browser.
- Plak uw SVG-code in de editor met de hint “Paste SVG code here or drag & drop a file...”, of sleep een .svg-bestand naar de pagina.
- De afbeelding wordt direct gerenderd in het live voorbeeld naast de code.
- Bewerk attributen zoals viewBox, width, height, fill of padgegevens direct in de code — het voorbeeld werkt bij terwijl u typt.
- Los veelvoorkomende problemen direct op, zoals een ontbrekend xmlns-attribuut of een viewBox die de tekening afsnijdt.
- Kopieer de uiteindelijke code zodra het voorbeeld klopt.
Blijft het voorbeeld leeg, controleer dan of de code met <svg begint en de xmlns-naamruimte bevat — een ontbrekend xmlns is de meest voorkomende oorzaak.
Gerelateerde tools
- SVG-optimalisator Optimaliseer en comprimeer SVG-bestanden direct in uw browser. Verwijder metadata, opmerkingen en editor-data, verklein tot 60%.
- SVG naar PNG Converter Converteer SVG direct naar PNG, JPEG of WebP in uw browser. Pas schaal, grootte en achtergrondkleur aan. Gratis, privé, geen upload nodig.
- Chmod-calculator Gratis online chmod-calculator om Linux-bestandsrechten te visualiseren en berekenen met selectievakjes. Converteer direct tussen numerieke (755, 644) en symbolische notatie (rwxr-xr-x). Ondersteunt speciale rechten zoals setuid, setgid, sticky bit.
- ASCII-tabel Volledige ASCII-tekencoderingreferentie met decimale, hexadecimale, octale, binaire codes, HTML-entiteiten en karakterbeschrijvingen. Direct zoeken en filteren.
- HTTP-verzoek Tester Test REST API's direct in je browser. Verstuur GET-, POST-, PUT-, DELETE-verzoeken met aangepaste headers, body en parameters. Bekijk responsstatus, headers en JSON-body direct.
- .htaccess-generator Genereer Apache .htaccess-regels voor redirects, herschrijvingen, beveiligingsheaders, caching en meer.
- Robots.txt Generator Gratis online robots.txt generator. Maak en pas robots.txt bestanden aan om het crawlen van zoekmachines te beheren, crawler-toegang te beheren en de SEO van uw site te optimaliseren.
- Sitemap Generator Gratis online XML sitemap generator. Voeg URLs toe, stel prioriteiten en frequenties in, maak direct SEO-sitemaps.