Pretvarač slike u SVG (vektorizacija)

Kako pretvoriti sliku u SVG

1. Prevuci PNG, JPG, WebP ili GIF sliku na polje za unos ili klikni na njega da je odabereš. Original se pojavljuje lijevo.
2. Odaberi Predložak: - Logotip (jednobojne površine, čisti oblici) za logotipe, ikone, pečate i ravne ilustracije; - Detaljno (više boja i putanja) za crteže sa sjenčenjem ili mnogo boja; - Posterizirano (4 zaglađene boje) za stilizovan rezultat nalik posteru od fotografije.
3. Po potrebi podesi Broj boja (od 2 do 64) i Zanemari mrlje manje od (px). Predložak za oba popunjava razumne vrijednosti.
4. Odaberi Radnu veličinu (duža stranica). Slika se vektorizuje u toj veličini, a sam SVG zadržava originalne dimenzije.
5. Klikni Vektoriziraj u SVG. Rezultat se pojavljuje desno s veličinom datoteke, brojem putanja i boja te trajanjem vektorizacije.
6. Klikni Preuzmi SVG ili Kopiraj SVG kod da kod zalijepiš u svoj HTML ili alat za dizajn.

Kako radi vektorizacija

Ovaj alat koristi imagetracerjs, vektorizator otvorenog koda, u tri koraka:

1. Kvantizacija boja: slika se svodi na broj boja koji si odabrao. Svaki piksel se pridružuje najbližoj boji palete, a paleta se dorađuje kroz nekoliko prolaza.
2. Otkrivanje ivica: za svaku boju prate se obrisi svake površine te boje, uključujući rupe (kao što je unutrašnjost slova „O“).
3. Uklapanje putanja: obrisi se pojednostavljuju u ravne linije i kvadratne krivulje, koje postaju elementi <path> u SVG-u.

Površine manje od praga Zanemari mrlje manje od (px) se odbacuju, čime se uklanjaju šum i JPG artefakti. Vrijednost 0 zadržava sve; 8 do 20 je dobro za logotipe; veće vrijednosti daju čišći, ali jednostavniji crtež. Potpuno prozirna područja se uklanjaju, pa logotip na prozirnoj pozadini ostaje proziran.

Šta daje dobre rezultate

Vektorizacija najbolje radi na jednostavnim logotipima i crtežima: malo jednobojnih površina, jasne ivice, bez prelaza boja. Skenirana skica, crno-bijeli potpis ili pixel-art ikona vrlo dobro se vektorizuju s 2 do 8 boja.

Fotografije su druga priča. Fotografija sadrži hiljade suptilnih tonova, pa vjerna vektorska verzija traži mnogo boja i desetine hiljada putanja, a SVG na kraju bude mnogo teži od JPG-a. Umjesto toga koristi Posterizirano (4 zaglađene boje) za umjetnički efekat i ne očekuj fotografski rezultat. Ako SVG postane vrlo velik, alat te upozorava.

Savjeti za čišći logotip:

• kreni od najveće i najoštrije verzije slike koju imaš;
• postavi Broj boja na stvarni broj boja u logotipu (uključujući pozadinu);
• povećaj prag za mrlje ako vidiš male tačkice oko ivica.

Privatnost i sigurnost pregleda

Slika se vektorizuje u tvom pregledniku i nikada se ne šalje na server. Pregled SVG-a prikazuje se kao obična slika s privatne blob adrese, nikada se ne umeće u stranicu, pa ni neobična datoteka ne može izvršiti kod.