Waarom is mijn SVG wazig? Veelvoorkomende oorzaken en oplossingen
SVG's zijn vectorbestanden, dus ze horen op geen enkele grootte scherpte te verliezen. Ziet jouw SVG er toch wazig uit, dan gaat er iets specifieks mis — zo spoor je het op.
Jouw "SVG" is misschien eigenlijk een rasterafbeelding
De meest voorkomende oorzaak: sommige tools produceren een SVG-bestand dat gewoon een Base64-gecodeerde PNG of JPEG in een `<image>`-tag wikkelt, in plaats van echte vectorpaden te tracen. Het heeft een .svg-extensie, maar onder de motorkap is het nog steeds een rasterafbeelding, dus hij wordt wazig bij het opschalen, precies zoals een PNG dat zou doen. Open het bestand in een teksteditor — zie je een lange Base64-tekst in plaats van `<path>`-elementen, dan is dat je antwoord. Zie PNG vs SVG voor waarom dit verschil ertoe doet.
De trace stond op erg hoog detail bij een ruizige afbeelding
Contra-intuïtief genoeg kan het tracen van een bronafbeelding van lage kwaliteit of zwaar gecomprimeerd op erg hoog detail een enorm aantal kleine, gekartelde padsegmenten opleveren die er ruw uitzien in plaats van vloeiend — de trace reproduceert getrouw de ruis uit het originele bestand. Probeer opnieuw te tracen vanaf een schonere bronafbeelding, of verhoog de instelling voor gladstrijken zodat het algoritme minder, vloeiendere curves gebruikt.
De SVG wordt ergens in je pijplijn gerasteriseerd
Sommige platforms (bepaalde CMS-afbeeldingshandlers, oudere browsers of exportinstellingen in ontwerptools) zetten een SVG om in een rasterafbeelding op een vaste resolutie voordat hij wordt weergegeven — op dat moment erft hij alle schaalproblemen van een PNG. Controleer of het platform dat je gebruikt een optie heeft om SVG native te tonen of in te sluiten in plaats van te converteren.
Het oplossen
- Traceer opnieuw vanaf de originele PNG met een tool die echte paddata oplevert — probeer de gratis PNG naar SVG-converter en inspecteer het resultaat voordat je het gebruikt.
- Ziet het detail er gekarteld uit, verhoog dan de instelling voor gladstrijken en download opnieuw.
- Rasteriseert een platform je SVG bij weergave, zoek dan naar een instelling om hem als native SVG in te sluiten of te linken in plaats van als geconverteerde afbeelding.
Veelgestelde vragen
Hoe controleer ik snel of mijn SVG echt vector is?
Open het bestand in een teksteditor en zoek naar `<path>`, `<circle>` of vergelijkbare vormelementen. Zie je in plaats daarvan een lange Base64-tekst binnen een `<image>`-tag, dan is het een rasterafbeelding met een SVG-extensie.
Wordt een SVG wazig als je inzoomt in een browser?
Nee — een echte vector-SVG blijft scherp op elk zoomniveau in de browser. Wordt hij wazig als je inzoomt, dan is het bestand hoogstwaarschijnlijk een rasterafbeelding in plaats van echte vectorpaden.
Klaar om je eigen afbeelding te converteren? png to svg converter.
png to svg converterMeer leesvoer
Waarom een echt vectorbestand zich zo anders gedraagt dan een rasterbestand.
Een toepassing waarbij een nep, in raster verpakte SVG volledig faalt.