Fra rasterpixels til vektorkurver
PNG-, JPEG-, JPG-, WebP-, AVIF- og BMP-filer gemmer et gitter af pixels. SVG gemmer former, fyld og koordinater, som kompatibel software kan gentegne i forskellige størrelser. Vektorisering analyserer nabopixels, grupperer visuelle områder, følger deres grænser og tilnærmer grænserne med vektorkurver.
At ændre et filnavn eller placere en bitmap i en SVG-beholder udfører ikke denne genopbygning. VectorizeThis skaber faktisk SVG-geometri ud fra den synlige kilde.
Behandlingen bliver i browseren
Understøttede billeder afkodes, vektoriseres, vurderes og klargøres på brugerens enhed. Den almindelige konverteringsproces uploader ikke kildebilledets bytes til en konverteringsserver. Det lokale design gør det også praktisk at sammenligne flere mulige resultater uden at vente på en serverrundtur ved hver justering.
Kandidater sammenlignes
Ingen enkelt vektoriseringsindstilling vinder for alle billeder. Et fladt ikon og et fotografi indeholder forskellige oplysninger, og en skærefil har andre krav end en webillustration.
Grafik sammenligner seks monokrome metoder eller 10, 16, 18 eller 20 farvekandidater fordelt på op til fire understøttede paletprofiler. Når flere nyttige resultater er tilbage, vælger du en palet og derefter en SVG. Foto og Kompleks illustration beholder deres særlige optimering. Fremstilling beholder fysiske mål og geometrikontroller med SVGO deaktiveret. Dokumentationen om automatisk valg forklarer arbejdsgangen.
Det “bedste resultat” betyder derfor kandidaten med den bedste samlede afvejning for billedet og formålet. Det betyder ikke blot kandidaten med højest pixellighed eller den mindste fil.
Formålet ændrer prioriteterne
- Web, logoer og ikoner prioriterer et klart udseende, redigerbare farver og effektiv kode.
- Fotos og komplekse illustrationer bevarer flere farver og detaljer, hvilket kan kræve flere kurver.
- Cricut-, vinyl-, laser- og CNC-arbejdsgange lægger mere vægt på praktisk geometri, lukkede områder, meningsfulde fysiske mål og advarsler om former, der kan være svære at fremstille.
- Automatisk formål afvejer generel visuel lighed og håndterbart output, når destinationen endnu ikke kendes.
Fremstillingskontroller kan opdage mulige problemer, men kan ikke tage højde for alle maskiner, materialer, klinger, skærebredder, importindstillinger eller programspecifikke regler.
Output normaliseres og kontrolleres
Efter vektoriseringen klargør VectorizeThis SVG’en til browser- og programkompatibilitet, fjerner overflødig kode og anvender de valgte outputindstillinger. Det kan vise en lille palet til farveredigering, bruge currentColor, fjerne en registreret baggrund, beskære til relevant indhold og formatere koden efter ønske.
Resultatet kan også kontrolleres for overdreven kompleksitet, små øer, åbne kurver og andre forhold, der er relevante for den valgte arbejdsgang. En advarsel er oplysninger, der skal vurderes; den beviser ikke, at filen vil fejle.
Automatisk vektorisering har grænser
Tydelig grafik i passende størrelse med klare kanter giver normalt enklere og mere trofaste kurver. Støj, JPEG-artefakter, sløring, farveforløb, gennemsigtighed, fin tekstur og overlappende farver kan kræve fortolkning. En vektoriseret SVG kan ikke genskabe detaljer, der manglede i kilden, og genskaber muligvis ikke den oprindelige designers opbygning.
Forhåndsvisningerne side om side og de manuelle indstillinger findes, fordi brugerens visuelle vurdering stadig er vigtig. Test fremstillingsfiler i målsoftwaren og materialet før produktion.
Sådan testes ændringer
Ændringer i vektorisering og rangering testes på repræsentative billeder med ikoner, logoer, stregtegninger, flere farver, kilder med lav opløsning, fotografier og fremstillingseksempler. Automatiske tests beskytter vigtig browseradfærd og outputregler, mens benchmarksammenligninger hjælper med at opdage kvalitetsforringelser før udgivelse.
Sådan skabes vores tekniske indhold
Tekniske forklaringer på VectorizeThis bygger på konverterens faktiske adfærd, tests med repræsentative kildebilleder og primære specifikationer som W3C’s SVG-specifikation. Sider gennemgås, når konverterens adfærd ændrer sig væsentligt.
VectorizeThis blev bygget af Maxime Desrosiers. Brug Send feedback i konverteren eller besøg Kontakt for at indberette et resultat, der ikke opfører sig som forventet.