Billede til SVG – vektorisering

Sådan konverterer du et billede til SVG

1. Slip et PNG-, JPG-, WebP- eller GIF-billede i dropzonen, eller klik på den for at vælge et. Originalen vises til venstre.
2. Vælg en Forudindstilling: - Logo (ensfarvede flader, rene former) til logoer, ikoner, stempler og flade illustrationer; - Detaljeret (flere farver og stier) til tegninger med skygger eller mange farver; - Posteriseret (4 udjævnede farver) til et stiliseret, plakatagtigt resultat af et foto.
3. Justér om nødvendigt Antal farver (2 til 64) og Ignorer pletter mindre end (px). Forudindstillingen udfylder fornuftige værdier for begge.
4. Vælg en Arbejdsstørrelse (længste side). Billedet spores i den størrelse; selve SVG-filen beholder de oprindelige dimensioner.
5. Klik på Spor til SVG. Resultatet vises til højre med filstørrelse, antal stier og farver samt sporingstiden.
6. Klik på Download SVG, eller på Kopiér SVG-kode for at indsætte koden i dit HTML- eller designprogram.

Sådan virker sporing

Dette værktøj bruger imagetracerjs, et open source-sporingsværktøj, i tre trin:

1. Farvekvantisering: billedet reduceres til det antal farver, du har valgt. Hver pixel tildeles den nærmeste palettefarve, og paletten forfines over flere gennemløb.
2. Kantgenkendelse: for hver farve følges konturerne af alle områder i den farve, også huller (som indersiden af et »O«).
3. Tilpasning af stier: konturerne forenkles til rette linjer og kvadratiske kurver, som bliver til <path>-elementer i SVG-filen.

Områder, der er mindre end grænsen Ignorer pletter mindre end (px), fjernes, hvilket fjerner støj og JPG-artefakter. En værdi på 0 beholder alt; 8 til 20 er godt til logoer; større værdier giver en renere, men enklere tegning. Helt gennemsigtige områder fjernes, så et logo på gennemsigtig baggrund forbliver gennemsigtigt.

Hvad giver et godt resultat

Sporing virker bedst på enkle logoer og tegninger: få ensfarvede flader, tydelige kanter og ingen farveovergange. En scannet skitse, en sort-hvid underskrift eller et pixelart-ikon spores meget godt med 2 til 8 farver.

Fotos er noget andet. Et foto indeholder tusindvis af svage nuancer, så en tro vektorversion kræver mange farver og titusindvis af stier, og SVG-filen bliver meget tungere end JPG’en. Brug Posteriseret (4 udjævnede farver) til en kunstnerisk effekt i stedet, og forvent ikke et fotografisk resultat. Hvis SVG-filen bliver meget stor, advarer værktøjet dig.

Tips til et renere logo:

• start med den største og skarpeste version af billedet, du har;
• sæt Antal farver til det rigtige antal farver i logoet (inklusive baggrunden);
• hæv grænsen for pletter, hvis du ser små prikker omkring kanterne.

Privatliv og sikker visning

Billedet spores i din browser og uploades aldrig. SVG-eksemplet vises som et almindeligt billede fra en privat blob-adresse og indsættes aldrig i siden, så selv en usædvanlig fil kan ikke køre kode.