Pretvornik slike v SVG

Kako pretvoriš sliko v SVG

1. Spusti sliko PNG, JPG, WebP ali GIF na območje za spuščanje ali klikni nanj in jo izberi. Izvirnik se prikaže na levi.
2. Izberi Prednastavitev: - Logotip (enobarvne ploskve, čiste oblike) za logotipe, ikone, žige in enostavne ilustracije; - Podrobno (več barv in poti) za risbe s senčenjem ali veliko barvami; - Posterizirano (4 zglajene barve) za stiliziran rezultat, podoben plakatu, iz fotografije.
3. Po potrebi prilagodi Število barv (od 2 do 64) in Prezri pike, manjše od (px). Prednastavitev izpolni smiselni vrednosti za obe.
4. Izberi Delovno velikost (daljša stranica). Slika se sledi v tej velikosti, sam SVG pa ohrani izvirne mere.
5. Klikni Sledi v SVG. Rezultat se prikaže na desni z velikostjo datoteke, številom poti in barv ter časom sledenja.
6. Klikni Prenesi SVG ali Kopiraj kodo SVG, da kodo prilepiš v HTML ali oblikovalsko orodje.

Kako deluje sledenje

To orodje uporablja imagetracerjs, odprtokodni sledilnik, v treh korakih:

1. Kvantizacija barv: slika se zmanjša na izbrano število barv. Vsaka slikovna pika se dodeli najbližji barvi palete, paleta pa se izboljšuje v več prehodih.
2. Zaznavanje robov: za vsako barvo se sledijo obrisi vseh območij te barve, vključno z luknjami (na primer notranjostjo črke »O«).
3. Prilagajanje poti: obrisi se poenostavijo v ravne črte in kvadratne krivulje, ki postanejo elementi <path> v SVG.

Območja, manjša od praga Prezri pike, manjše od (px), se opustijo, kar odstrani šum in artefakte JPG. Vrednost 0 ohrani vse; 8 do 20 je dobro za logotipe; višje vrednosti dajo čistejšo, a preprostejšo risbo. Popolnoma prosojna območja se odstranijo, zato logotip na prosojnem ozadju ostane prosojen.

Kaj da dobre rezultate

Sledenje najbolje deluje pri preprostih logotipih in risbah: malo enobarvnih ploskev, jasni robovi, brez prelivov. Skenirana skica, črno-bel podpis ali ikona v slogu pixel arta se zelo dobro sledi z 2 do 8 barvami.

Fotografije so druga zgodba. Fotografija vsebuje na tisoče subtilnih odtenkov, zato zvesta vektorska različica potrebuje veliko barv in več deset tisoč poti, SVG pa postane precej težji od JPG. Za umetniški učinek raje uporabi Posterizirano (4 zglajene barve) in ne pričakuj fotografskega rezultata. Če SVG postane zelo velik, te orodje opozori.

Nasveti za čistejši logotip:

• začni z največjo in najostrejšo različico slike, ki jo imaš;
• nastavi Število barv na dejansko število barv v logotipu (vključno z ozadjem);
• zvišaj prag za pike, če opaziš majhne pike ob robovih.

Zasebnost in varnost predogleda

Slika se sledi v tvojem brskalniku in se nikoli ne naloži na strežnik. Predogled SVG je prikazan kot navadna slika z zasebnega naslova blob in se nikoli ne vstavi v stran, zato niti nenavadna datoteka ne more izvesti kode.