Från rasterpixlar till vektorbanor
PNG-, JPEG-, JPG-, WebP-, AVIF- och BMP-filer lagrar ett rutnät av pixlar. SVG lagrar former, fyllningar och koordinater som kompatibla program kan rita om i olika storlekar. Vektorisering analyserar angränsande pixlar, grupperar visuella områden, följer deras gränser och approximerar gränserna med vektorbanor.
Att ändra ett filnamn eller placera en bitmapp inuti en SVG-fil utför inte denna rekonstruktion. VectorizeThis genererar verklig SVG-geometri från den synliga källan.
Bearbetningen stannar i webbläsaren
Bilder som stöds avkodas, vektoriseras, bedöms och förbereds på användarens enhet. Det vanliga konverteringsflödet laddar inte upp källbildens byte till en konverteringsserver. Den lokala utformningen gör det också praktiskt att jämföra flera möjliga resultat utan att vänta på en serverförfrågan vid varje justering.
Vektoriseringsalternativ jämförs
Ingen enskild konfiguration vinner för alla bilder. En platt ikon och ett fotografi innehåller olika information, medan en skärfil har andra krav än en webbillustration.
Grafik jämför sex enfärgade metoder eller 10, 16, 18 eller 20 färgalternativ över högst fyra färgpalettsprofiler som stöds. När flera användbara resultat återstår väljer du en palett och sedan en SVG. Foto och Komplex illustration behåller sin särskilda optimerare. Tillverkning behåller fysiska mått och geometrikontroller med SVGO inaktiverat. Dokumentationen om automatiskt val förklarar arbetsflödet.
”Bästa resultat” betyder därför alternativet med den bästa samlade avvägningen för bilden och användningsområdet. Det betyder inte bara alternativet med högst pixellikhet eller den minsta filen.
Användningsområdet ändrar prioriteringarna
- Webb, logotyper och ikoner prioriterar ett rent utseende, redigerbara färger och effektiv kod.
- Foton och komplexa illustrationer bevarar mer färg och detaljer, vilket kan kräva fler banor.
- Arbetsflöden för Cricut, vinyl, laser och CNC lägger större vikt vid praktisk geometri, slutna områden, meningsfulla fysiska mått och varningar om former som kan vara svåra att tillverka.
- Automatiskt användningsområde balanserar allmän visuell trohet och hanterbara resultat när målet ännu inte är känt.
Tillverkningskontroller kan identifiera möjliga problem, men kan inte ta hänsyn till alla maskiner, material, blad, snittbredder, importinställningar eller appspecifika regler.
Resultatet normaliseras och kontrolleras
Efter vektoriseringen förbereder VectorizeThis SVG-filen för webbläsare och redigerare, tar bort onödig kod och tillämpar valda resultatalternativ. Det kan visa en liten palett för färgändring, använda currentColor, ta bort en upptäckt bakgrund, beskära till relevant innehåll och formatera koden på begäran.
Resultatet kan också kontrolleras för överdriven komplexitet, små öar, öppna banor och andra förhållanden som är relevanta för arbetsflödet. En varning är information att granska, inte ett bevis på att filen kommer att misslyckas.
Automatisk vektorisering har begränsningar
Ren grafik i tillräcklig storlek med tydliga kanter ger oftast enklare och mer trogna banor. Brus, JPEG-artefakter, oskärpa, toningar, genomskinlighet, fin textur och överlappande färger kan kräva tolkning. En vektoriserad SVG kan inte återskapa detaljer som saknades i källan och kanske inte återskapar designerns ursprungliga konstruktionsval.
Förhandsvisningarna sida vid sida och de manuella kontrollerna finns eftersom användarens visuella omdöme fortfarande är viktigt. Testa tillverkningsfiler i målprogrammet och materialet innan du börjar producera.
Så testas ändringar
Ändringar i vektoriserings- och rangordningslogiken testas mot representativa bilder som täcker ikoner, logotyper, streckteckningar, flera färger, lågupplösta källor, fotografier och exempel för tillverkning. Automatiska tester skyddar viktigt webbläsarbeteende och regler för resultat, medan benchmarkjämförelser hjälper till att upptäcka kvalitetsförsämringar före publicering.
Så skapas vårt tekniska innehåll
De tekniska förklaringarna på VectorizeThis bygger på konverterarens verkliga beteende, tester med representativa källbilder och primära specifikationer som W3C:s SVG-specifikation. Sidorna granskas när konverterarens beteende ändras väsentligt.
VectorizeThis byggdes av Maxime Desrosiers. Rapportera ett oväntat resultat med Skicka omdöme i konverteraren eller gå till Kontakt.