Utilia

Pilt SVG-ks jälgija

Muuda PNG- või JPG-logo või joonistus SVG vektorjoonteks otse brauseris. Eelseadistused, värvide arv ja laikude filter, turvaline eelvaade, üleslaadimiseta.

Suurem on täpsem, kuid aeglasem.

Originaal
SVG-tulemus

Kuidas pilti SVG-ks teisendada

  1. Lohista PNG-, JPG-, WebP- või GIF-pilt tõmbealale või klõpsa sellel valimiseks. Originaal ilmub vasakule.
  2. Vali Eelseadistus: - Logo (ühtlased värvid, selged kujundid) logode, ikoonide, templite ja lamedate illustratsioonide jaoks; - Üksikasjalik (rohkem värve ja jooni) varjutuste või paljude värvidega joonistuste jaoks; - Plakatistatud (4 pehmendatud värvi) stiliseeritud, plakatilaadse tulemuse jaoks fotost.
  3. Vajaduse korral kohanda Värvide arv (2–64) ja Ignoreeri laike, mis on väiksemad kui (px). Eelseadistus täidab mõlema mõistlike väärtustega.
  4. Vali Töösuurus (pikim külg). Pilti jälgitakse selles suuruses; SVG ise säilitab algsed mõõtmed.
  5. Klõpsa Jälgi SVG-ks. Tulemus ilmub paremale koos faili suuruse, joonte ja värvide arvu ning jälgimisele kulunud ajaga.
  6. Klõpsa Laadi SVG alla või Kopeeri SVG-kood, et kleepida kood oma HTML-i või kujundustööriista.

Kuidas jälgimine töötab

See tööriist kasutab avatud lähtekoodiga jälgijat imagetracerjs kolmes etapis:

  1. Värvide kvantimine: pilt viiakse valitud värvide arvuni. Iga piksel määratakse lähimale paletivärvile ja palett täpsustatakse mitme läbimisega.
  2. Servade tuvastus: iga värvi jaoks jälgitakse selle värvi kõigi alade kontuure, sealhulgas auke (näiteks „O“ sisemust).
  3. Joonte sobitamine: kontuurid lihtsustatakse sirgjoonteks ja ruutkõverateks, millest saavad SVG-s <path> elemendid.

Alad, mis on väiksemad kui Ignoreeri laike, mis on väiksemad kui (px) lävi, jäetakse välja, mis eemaldab müra ja JPG-artefakte. Väärtus 0 jätab kõik alles; logode jaoks sobib 8–20; suuremad väärtused annavad puhtama, kuid lihtsama joonistuse. Täielikult läbipaistvad alad eemaldatakse, nii et läbipaistval taustal logo jääb läbipaistvaks.

Mis annab hea tulemuse

Jälgimine töötab kõige paremini lihtsate logode ja joonistustega: vähe ühtlasi värve, selged servad, ilma üleminekuteta. Skaneeritud visand, mustvalge allkiri või pikselkunsti ikoon jälgitakse väga hästi 2–8 värviga.

Fotod on hoopis teine lugu. Foto sisaldab tuhandeid peeneid toone, seega nõuab truu vektorversioon palju värve ja kümneid tuhandeid jooni ning SVG on lõpuks palju raskem kui JPG. Kasuta kunstilise efekti jaoks Plakatistatud (4 pehmendatud värvi) ja ära oota fotorealistlikku tulemust. Kui SVG muutub väga suureks, hoiatab tööriist sind.

Näpunäiteid puhtama logo jaoks:

  • alusta suurimast ja teravaimast versioonist, mis sul on;
  • määra Värvide arv logo tegelikuks värvide arvuks (taust kaasa arvatud);
  • suurenda laikude läve, kui näed servade ümber väikseid täppe.

Privaatsus ja eelvaate turvalisus

Pilti jälgitakse sinu brauseris ja seda ei laadita kunagi üles. SVG eelvaade kuvatakse lihtsa pildina privaatselt blob-aadressilt, mitte kunagi lehele sisestatuna, seega ei saa isegi ebatavaline fail koodi käivitada.

Korduma kippuvad küsimused

Kas ma saan JPG-d SVG-ks teisendada lõikemasina jaoks?

Jah. Cricuti või Silhouette’i lõikamiseks kasuta eelseadistust Logo 2 värviga: saad puhtad mustad kujundid valgel taustal. Vajaduse korral kustuta taustakujund oma lõiketarkvaras.

Miks on minu SVG-fail algsest PNG-st suurem?

Iga värviala muutub paljude punktidega jooneks. Vähenda Värvide arv, suurenda Ignoreeri laike, mis on väiksemad kui (px) või vali väiksem Töösuurus (pikim külg), et saada kergem fail.

Kas SVG on lõpmatult terav?

Jah: jooned skaleeruvad igasse suurusesse ilma uduseks muutumata. Kujundid saavad aga olla ainult nii täpsed kui jälgitud pilt, seega annavad väikesed või udused allikad ümaramad ja ebatäpsemad servad.

Miks jälgimine võtab paar sekundit?

Jälgimine arvutatakse sinu seadmes. Suured töösuurused ja palju värve korrutavad töö. 800 px on hea tasakaal; kiireks eelvaateks proovi 400 px.

Kas see on sama mis pildi SVG-sse põimimine?

Ei. Mõned muundurid pakivad PNG-pildi lihtsalt SVG-faili, mis ei tee seda skaleeritavaks. See tööriist ehitab päris vektorjooned.