Van rasterpixels naar vectorpaden
PNG-, JPEG-, JPG-, WebP-, AVIF- en BMP-bestanden slaan een raster van pixels op. SVG slaat vormen, vullingen en coördinaten op die geschikte software op verschillende formaten kan tekenen. Vectorisatie analyseert naburige pixels, groepeert visuele gebieden, volgt hun grenzen en benadert die grenzen met vectorpaden.
Een bestandsnaam wijzigen of een bitmap in een SVG-omhulsel plaatsen voert deze reconstructie niet uit. VectorizeThis genereert echte SVG-geometrie uit de zichtbare bron.
Verwerking blijft in de browser
Ondersteunde afbeeldingen worden op het apparaat van de gebruiker gedecodeerd, overgetrokken, beoordeeld en voorbereid. Het normale conversieproces uploadt geen bronafbeeldingsbytes naar een conversieserver. Door deze lokale verwerking is het ook praktisch om meerdere mogelijke resultaten te vergelijken zonder voor elke aanpassing op een serververzoek te wachten.
Kandidaten worden vergeleken
Er is geen enkele overtrekinstelling die voor elke afbeelding wint. Een vlak icoon en een foto bevatten verschillende informatie, en een snijbestand heeft andere eisen dan een webillustratie.
Illustraties vergelijken zes monochrome methoden of 10, 16, 18 of 20 kleurkandidaten verdeeld over maximaal vier ondersteunde paletprofielen. Als meerdere bruikbare resultaten overblijven, kies je een palet en daarna een SVG. Foto en Complexe illustratie behouden hun eigen optimalisatie. Fabricage behoudt fysieke afmetingen en geometriecontroles, met SVGO uitgeschakeld. De documentatie over automatische selectie legt het proces uit.
Het “beste resultaat” is dus de kandidaat met de beste totale afweging voor die afbeelding en toepassing. Het is niet simpelweg de kandidaat met de hoogste score voor pixelgelijkenis of het kleinste bestand.
Het beoogde gebruik verandert de prioriteiten
- Web, logo’s en iconen geven voorrang aan een nette weergave, bewerkbare kleuren en efficiënte code.
- Foto’s en complexe illustraties behouden meer kleur en detail, waarvoor meer paden nodig kunnen zijn.
- Cricut-, vinyl-, laser- en CNC-processen leggen meer nadruk op praktische geometrie, gesloten gebieden, zinvolle fysieke afmetingen en waarschuwingen over vormen die lastig te fabriceren zijn.
- Automatisch gebruik weegt algemene visuele getrouwheid af tegen hanteerbare uitvoer wanneer de bestemming nog niet bekend is.
Fabricagecontroles kunnen mogelijke problemen herkennen, maar houden geen rekening met elke machine, elk materiaal, elk mes, elke snijbreedte, importinstelling of toepassingsspecifieke regel.
Uitvoer wordt genormaliseerd en gecontroleerd
Na het overtrekken bereidt VectorizeThis de SVG voor op gebruik in browsers en editors, verwijdert het vermijdbare code en past het de geselecteerde uitvoeropties toe. Het kan een klein palet voor kleurwijzigingen tonen, currentColor gebruiken, een herkende achtergrond verwijderen, bijsnijden tot relevante inhoud en de code op verzoek opmaken.
Het resultaat kan ook worden gecontroleerd op overmatige complexiteit, kleine eilandjes, open paden en andere omstandigheden die voor het gekozen proces relevant zijn. Een waarschuwing geeft informatie om te beoordelen; ze bewijst niet dat het bestand onbruikbaar is.
Automatisch overtrekken heeft grenzen
Helder beeldmateriaal met voldoende resolutie en duidelijke randen levert meestal eenvoudigere, getrouwere paden op. Ruis, JPEG-artefacten, vervaging, verlopen, transparantie, fijne textuur en overlappende kleuren kunnen interpretatie vereisen. Een overgetrokken SVG kan geen detail terughalen dat in de bron ontbrak en reconstrueert mogelijk niet de manier waarop de oorspronkelijke ontwerper het beeld opbouwde.
De voorbeelden naast elkaar en de handmatige instellingen bestaan omdat het visuele oordeel van de gebruiker belangrijk blijft. Test fabricagebestanden in de doelsoftware en het materiaal voordat je in productie gaat.
Hoe wijzigingen worden getest
Wijzigingen in het overtrekken en rangschikken worden getest met representatieve afbeeldingen, waaronder iconen, logo’s, lijntekeningen, meerdere kleuren, bronnen met lage resolutie, foto’s en voorbeelden voor fabricage. Geautomatiseerde tests beschermen belangrijk browsergedrag en uitvoerregels; benchmarkvergelijkingen helpen kwaliteitsverlies vóór publicatie te herkennen.
Hoe onze technische inhoud wordt gemaakt
Technische uitleg op VectorizeThis is gebaseerd op het werkelijke gedrag van de converter, tests met representatieve bronafbeeldingen en primaire specificaties zoals de W3C SVG-specificatie. Pagina’s worden herzien wanneer het gedrag van de converter wezenlijk verandert.
VectorizeThis is gebouwd door Maxime Desrosiers. Gebruik Feedback sturen in de converter of ga naar Contact om uitvoer te melden die anders werkt dan verwacht.