Kuva SVG:ksi (vektorointi)

Näin muunnat kuvan SVG:ksi

1. Pudota PNG-, JPG-, WebP- tai GIF-kuva pudotusalueelle tai valitse se napsauttamalla aluetta. Alkuperäinen näkyy vasemmalla.
2. Valitse Esiasetus: - Logo (tasaiset värit, selkeät muodot) logoille, kuvakkeille, leimoille ja tasaisille kuvituksille; - Yksityiskohtainen (enemmän värejä ja polkuja) piirroksille, joissa on varjostusta tai paljon värejä; - Posteroitu (4 pehmennettyä väriä) tyylitellylle, julistemaiselle tulokselle valokuvasta.
3. Säädä tarvittaessa Värien määrä (2–64) ja Ohita tätä pienemmät pilkut (px). Esiasetus täyttää kumpaankin sopivat arvot.
4. Valitse Työskentelykoko (pisin sivu). Kuva jäljitetään tässä koossa, ja itse SVG säilyttää alkuperäiset mitat.
5. Napsauta Jäljitä SVG:ksi. Tulos ilmestyy oikealle tiedostokokoineen, polkujen ja värien määrineen sekä jäljitykseen kuluneine aikoineen.
6. Napsauta Lataa SVG tai Kopioi SVG-koodi, jos haluat liittää koodin HTML:ääsi tai suunnittelutyökaluusi.

Näin jäljitys toimii

Tämä työkalu käyttää avoimen lähdekoodin imagetracerjs-jäljitintä kolmessa vaiheessa:

1. Värien kvantisointi: kuva vähennetään valitsemaasi värimäärään. Jokainen pikseli liitetään lähimpään paletin väriin, ja palettia tarkennetaan usealla kierroksella.
2. Reunantunnistus: jokaiselle värille seurataan kaikkien kyseisen värin alueiden ääriviivoja, myös reikiä (kuten ”O”-kirjaimen sisäpuolta).
3. Polkujen sovitus: ääriviivat yksinkertaistetaan suoriksi viivoiksi ja toisen asteen käyriksi, joista tulee SVG:n <path>-elementtejä.

Alueet, jotka ovat pienempiä kuin Ohita tätä pienemmät pilkut (px) -raja, jätetään pois, mikä poistaa kohinaa ja JPG-artefakteja. Arvo 0 säilyttää kaiken, 8–20 sopii logoille, ja suuremmat arvot antavat siistimmän mutta yksinkertaisemman piirroksen. Täysin läpinäkyvät alueet poistetaan, joten läpinäkyvällä taustalla oleva logo pysyy läpinäkyvänä.

Mikä tuottaa hyvän tuloksen

Jäljitys toimii parhaiten yksinkertaisille logoille ja piirroksille: vähän tasaisia värejä, selkeät reunat ja ei liukuvärejä. Skannattu luonnos, mustavalkoinen allekirjoitus tai pikselitaidekuvake jäljittyy erittäin hyvin 2–8 värillä.

Valokuvat ovat eri asia. Valokuvassa on tuhansia hienovaraisia sävyjä, joten uskollinen vektoriversio vaatii paljon värejä ja kymmeniä tuhansia polkuja, ja SVG:stä tulee paljon raskaampi kuin JPG. Käytä sen sijaan vaihtoehtoa Posteroitu (4 pehmennettyä väriä) taiteelliseen tehosteeseen äläkä odota valokuvamaista tulosta. Jos SVG:stä tulee hyvin suuri, työkalu varoittaa siitä.

Vinkkejä siistimpään logoon:

• aloita suurimmasta ja terävimmästä kuvaversiosta, joka sinulla on;
• aseta Värien määrä logon todelliseksi värimääräksi (tausta mukaan lukien);
• nosta pilkkujen rajaa, jos reunojen ympärillä näkyy pieniä pisteitä.

Tietosuoja ja esikatselun turvallisuus

Kuva jäljitetään selaimessasi, eikä sitä lähetetä palvelimelle. SVG-esikatselu näytetään tavallisena kuvana yksityisestä blob-osoitteesta eikä sitä lisätä koskaan sivulle, joten edes poikkeava tiedosto ei voi suorittaa koodia.