Fra rasterpiksler til vektorbaner
PNG-, JPEG-, JPG-, WebP-, AVIF- og BMP-filer lagrer et rutenett av piksler. SVG lagrer former, fyll og koordinater som kompatibel programvare kan tegne i ulike størrelser. Vektorisering analyserer nabopiksler, grupperer visuelle områder, følger grensene deres og tilnærmer grensene med vektorbaner.
Å endre et filnavn eller plassere et bitmapbilde i en SVG-beholder utfører ikke denne rekonstruksjonen. VectorizeThis genererer faktisk SVG-geometri fra den synlige kilden.
Behandlingen blir i nettleseren
Støttede bilder avkodes, vektoriseres, vurderes og forberedes på brukerens enhet. Den vanlige konverteringsflyten laster ikke opp kildebildets byte til en konverteringsserver. Denne lokale utformingen gjør det også praktisk å sammenligne flere mulige resultater uten å vente på en serverforespørsel for hver justering.
Vektoriseringskandidater sammenlignes
Ingen enkelt vektoriseringskonfigurasjon vinner for alle bilder. Et flatt ikon og et fotografi inneholder ulik informasjon, mens en skjærefil stiller andre krav enn en webillustrasjon.
Grafikk sammenligner seks ensfargede metoder eller 10, 16, 18 eller 20 fargekandidater fordelt på opptil fire støttede palettprofiler. Når flere nyttige resultater gjenstår, velger du en palett og deretter en SVG. Foto og Kompleks illustrasjon beholder sin egen optimalisering. Produksjon beholder fysiske mål og geometrikontroller, med SVGO deaktivert. Dokumentasjonen for automatisk valg forklarer arbeidsflyten.
“Beste resultat” betyr derfor kandidaten med den beste samlede avveiningen for bildet og bruken. Det betyr ikke bare kandidaten med høyest piksellikhet eller minst fil.
Bruken endrer prioriteringene
- Web, logoer og ikoner prioriterer ryddig utseende, redigerbare farger og effektiv kode.
- Foto og komplekse illustrasjoner bevarer mer farge og detaljer, noe som kan kreve flere baner.
- Arbeidsflyter for Cricut, vinyl, laser og CNC legger mer vekt på praktisk geometri, lukkede områder, meningsfulle fysiske mål og advarsler om former som kan være vanskelige å produsere.
- Automatisk bruk balanserer generell visuell gjengivelse og håndterbare utdata når målet ennå ikke er kjent.
Produksjonskontroller kan identifisere mulige problemer, men kan ikke ta hensyn til alle maskiner, materialer, kniver, skjærebredder, importinnstillinger eller programspesifikke regler.
Utdata normaliseres og kontrolleres
Etter vektorisering forbereder VectorizeThis SVG-filen for kompatibilitet med nettlesere og redigeringsprogrammer, fjerner unødvendig kode og bruker de valgte utdataalternativene. Det kan vise en liten palett for fargeendring, bruke currentColor, fjerne en registrert bakgrunn, beskjære til meningsfullt innhold og formatere koden ved behov.
Resultatet kan også kontrolleres for overdreven kompleksitet, små isolerte former, åpne baner og andre forhold som er relevante for arbeidsflyten. En advarsel er informasjon som bør gjennomgås; den beviser ikke at filen vil mislykkes.
Automatisk vektorisering har begrensninger
Tydelig grafikk med tilstrekkelig størrelse og klare kanter gir normalt enklere og mer trofaste baner. Støy, JPEG-artefakter, uskarphet, graderinger, gjennomsiktighet, fin tekstur og overlappende farger kan kreve tolkning. En vektorisert SVG kan ikke gjenskape detaljer som manglet i kilden, og gjenskaper kanskje ikke den opprinnelige designerens konstruksjonsvalg.
Forhåndsvisningen side om side og de manuelle kontrollene finnes fordi brukerens visuelle vurdering fortsatt er viktig. Test produksjonsfiler i målprogramvaren og på materialet før produksjon.
Slik testes endringer
Endringer i vektoriserings- og rangeringslogikken testes mot representative bilder som dekker ikoner, logoer, strektegninger, flere farger, kilder med lav oppløsning, fotografier og produksjonsrettede eksempler. Automatiske tester beskytter viktig nettleseratferd og utdataregler, mens referansesammenligninger bidrar til å oppdage kvalitetsforringelser før publisering.
Slik lages det tekniske innholdet vårt
Tekniske forklaringer på VectorizeThis bygger på konverteringsverktøyets faktiske atferd, testing av representative kildebilder og primærspesifikasjoner som W3Cs SVG-spesifikasjon. Sidene gjennomgås når konverteringsatferden endres vesentlig.
VectorizeThis ble laget av Maxime Desrosiers. Bruk Send vurdering i konverteringsverktøyet eller gå til Kontakt for å rapportere et resultat som ikke oppfører seg som forventet.