Utilia

Pretvarač slike u SVG (vektorizacija)

Pretvori PNG ili JPG logo ili crtež u SVG vektorske putanje u pregledaču. Podešavanja, broj boja i filter tačkica, bezbedan pregled i preuzimanje.

Veća je preciznija, ali sporija.

Original
SVG rezultat

Kako da pretvoriš sliku u SVG

  1. Prevuci PNG, JPG, WebP ili GIF sliku na polje za otpuštanje ili klikni na njega da je izabereš. Original se pojavljuje sa leve strane.
  2. Izaberi Podešavanje: - Logo (ravne boje, čiste forme) za logotipe, ikonice, pečate i ravne ilustracije; - Detaljno (više boja i putanja) za crteže sa senčenjem ili mnogo boja; - Posterizovano (4 ublažene boje) za stilizovan rezultat nalik posteru od fotografije.
  3. Po potrebi podesi Broj boja (od 2 do 64) i Zanemari tačkice manje od (px). Podešavanje popunjava razumne vrednosti za oba polja.
  4. Izaberi Radna veličina (duža strana). Slika se vektorizuje u toj veličini, a sam SVG zadržava originalne dimenzije.
  5. Klikni na Pretvori u SVG. Rezultat se pojavljuje sa desne strane, uz veličinu fajla, broj putanja i boja i vreme trajanja vektorizacije.
  6. Klikni na Preuzmi SVG, ili na Kopiraj SVG kod da nalepiš kod u svoj HTML ili program za dizajn.

Kako radi vektorizacija

Alat koristi imagetracerjs, otvoreni program za vektorizaciju, u tri koraka:

  1. Kvantizacija boja: slika se svodi na izabrani broj boja. Svaki piksel se dodeljuje najbližoj boji palete, a paleta se doteruje u nekoliko prolaza.
  2. Otkrivanje ivica: za svaku boju prate se konture svake površine te boje, uključujući rupe (kao što je unutrašnjost slova „O“).
  3. Prilagođavanje putanja: konture se pojednostavljuju u prave linije i kvadratne krive, koje postaju elementi <path> u SVG-u.

Površine manje od praga Zanemari tačkice manje od (px) odbacuju se, čime se uklanjaju šum i JPG artefakti. Vrednost 0 zadržava sve; 8 do 20 je dobro za logotipe; veće vrednosti daju čistiji, ali jednostavniji crtež. Potpuno providne površine se uklanjaju, pa logo na providnoj pozadini ostaje providan.

Šta daje dobre rezultate

Vektorizacija najbolje radi na jednostavnim logotipima i crtežima: malo ravnih boja, jasne ivice, bez prelaza. Skenirana skica, crno-beli potpis ili ikonica u pikselartu veoma dobro se vektorizuju sa 2 do 8 boja.

Fotografije su druga priča. Fotografija sadrži hiljade suptilnih tonova, pa verna vektorska verzija traži mnogo boja i desetine hiljada putanja, a SVG na kraju bude mnogo teži od JPG-a. Umesto toga koristi Posterizovano (4 ublažene boje) za umetnički efekat i ne očekuj fotografski rezultat. Ako SVG postane veoma veliki, alat te upozorava.

Saveti za čistiji logo:

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

Privatnost i bezbednost pregleda

Slika se vektorizuje u tvom pregledaču i nikada se ne otprema. SVG pregled se prikazuje kao obična slika sa privatne blob adrese, a nikada se ne ubacuje u stranicu, pa ni neobičan fajl ne može da pokrene kod.

Česta pitanja

Mogu li da pretvorim JPG u SVG za mašinu za sečenje?

Da. Za sečenje na Cricut ili Silhouette mašinama koristi podešavanje Logo sa 2 boje: dobijaš čiste crne oblike na beloj pozadini. Po potrebi obriši oblik pozadine u programu za sečenje.

Zašto je moj SVG fajl veći od originalnog PNG-a?

Svaka površina u jednoj boji postaje putanja sa mnogo tačaka. Smanji Broj boja, povećaj Zanemari tačkice manje od (px) ili izaberi manju Radna veličina (duža strana) da dobiješ lakši fajl.

Da li će SVG biti beskonačno oštar?

Da: putanje se skaliraju na bilo koju veličinu bez zamućenja. Oblici ipak mogu biti samo onoliko precizni koliko je precizna slika koja je vektorizovana, pa mali ili mutni izvori daju zaobljenije, manje tačne ivice.

Zašto vektorizacija traje nekoliko sekundi?

Vektorizacija se računa na tvom uređaju. Velike radne veličine i mnogo boja umnožavaju posao. 800 px je dobar balans; probaj 400 px za brz pregled.

Je li ovo isto što i ugrađivanje slike u SVG?

Ne. Neki pretvarači samo upakuju PNG u SVG fajl, što ga ne čini skalabilnim. Ovaj alat pravi prave vektorske putanje.