Slika u SVG – vektoriziranje

Kako pretvoriti sliku u SVG

1. Povuci PNG, JPG, WebP ili GIF sliku na zonu za ispuštanje ili klikni na nju za odabir. Izvornik se pojavljuje s lijeve strane.
2. Odaberi Predložak: - Logotip (jednolike boje, čisti oblici) za logotipe, ikone, pečate i plošne ilustracije; - Detaljno (više boja i putanja) za crteže sa sjenčanjem ili mnogo boja; - Posterizirano (4 zaglađene boje) za stiliziran rezultat nalik posteru iz fotografije.
3. Po potrebi podesi Broj boja (2 do 64) i Zanemari mrlje manje od (px). Predložak za oboje postavlja razumne vrijednosti.
4. Odaberi Radna veličina (dulja stranica). Slika se vektorizira u toj veličini; sam SVG zadržava izvorne dimenzije.
5. Klikni Vektoriziraj u SVG. Rezultat se pojavljuje s desne strane s veličinom datoteke, brojem putanja i boja te trajanjem vektoriziranja.
6. Klikni Preuzmi SVG ili Kopiraj SVG kôd da kôd zalijepiš u svoj HTML ili alat za dizajn.

Kako radi vektoriziranje

Ovaj alat koristi imagetracerjs, open source vektorizator, u tri koraka:

1. Kvantizacija boja: slika se smanjuje na broj boja koji si odabrao. Svaki piksel dodjeljuje se najbližoj boji palete, a paleta se pročišćava kroz nekoliko prolaza.
2. Otkrivanje rubova: za svaku boju prate se obrisi svakog područja te boje, uključujući rupe (poput unutrašnjosti slova „O“).
3. Prilagodba putanja: obrisi se pojednostavljuju u ravne linije i kvadratne krivulje, koje postaju elementi <path> u SVG-u.

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

Što daje dobre rezultate

Vektoriziranje najbolje radi na jednostavnim logotipima i crtežima: malo jednolikih boja, jasni rubovi, bez gradijenata. Skenirana skica, crno-bijeli potpis ili ikona u pikselskoj umjetnosti vrlo se dobro vektoriziraju s 2 do 8 boja.

Fotografije su druga priča. Fotografija sadrži tisuće suptilnih tonova, pa vjerna vektorska inačica traži mnogo boja i desetke tisuća putanja, a SVG na kraju bude mnogo teži od JPG-a. Umjesto toga za umjetnički efekt upotrijebi Posterizirano (4 zaglađene boje) 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 inačice slike koju imaš;
• postavi Broj boja na stvarni broj boja u logotipu (uključujući pozadinu);
• povisi prag mrlja ako vidiš male točkice oko rubova.

Privatnost i sigurnost pregleda

Slika se vektorizira u tvom pregledniku i nikada se ne šalje na poslužitelj. SVG pregled prikazuje se kao obična slika s privatne blob adrese, nikad umetnut u stranicu, pa ni neobična datoteka ne može izvršiti kôd.