IMG.DIY / Lisätyökalut / Kuva → SVG

Kuva → SVG

Muuta tasavärinen logo, kuvake tai viivapiirros skaalautuvaksi SVG:ksi — jäljitetään paikallisesti selaimessasi.

Kuva → SVG visual example
Yksityisyys edellä: mitään ei ladata palvelimelle.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Kuva → SVG: 1 · Choose input
1 · Choose input
Kuva → SVG: 2 · Adjust and process
2 · Adjust and process
Kuva → SVG: 3 · Download result
3 · Download result

Onko sinulla logo tai kuvake, joka on olemassa vain pienenä PNG:nä, ja tarvitset sen terävänä missä tahansa koossa? Tämä työkalu jäljittää kuvan SVG:ksi — muodoista ja poluista koostuvaksi vektoriksi, joka skaalautuu mihin tahansa kokoon sumenematta. Valitse tyyli tasaväristä yksityiskohtaiseen ja lataa SVG.

Jäljitys toimii selaimessasi imagetracer-moottorilla, joten mitään ei ladata palvelimelle. Ollaan rehellisiä rajoista: se loistaa tasavärisillä logoilla, kuvakkeilla ja viivapiirroksilla. Valokuvatkin jäljittyvät, mutta tuloksena on valtavia, möykkyisiä tiedostoja — valokuville sopii rasterimuoto, ei SVG.

Käyttöohje

  1. Lisää kuvaPudota PNG- tai JPG-logo, kuvake tai luonnos.
  2. Valitse tyyliTasavärinen/logo, yksityiskohtainen, posterisoitu tai mustavalkoinen — esikatselu päivittyy reaaliajassa.
  3. Lataa SVGTallenna vektori, valmiina skaalautumaan mihin tahansa kokoon.

Tämä työkalu jäljittää rasterikuvan — PNG:n tai JPG:n — vektorimuotoiseksi SVG:ksi suoraan selaimessasi. Se lukee kuvan canvasilta omalla koneellasi ja etsii imagetracer-moottorilla sen sisältämät muodot piirtäen vektoripolut jokaisen värialueen ympärille. Pointti on siinä, että SVG koostuu geometriasta, ei pikseleistä, joten se pysyy täydellisen terävänä oli kyseessä sitten favicon tai mainostaulu, kun taas PNG sumenee heti kun sitä suurentaa. Pudotat kuvan sisään, valitset tyyliesiasetuksen, vertaat ennen/jälkeen-esikatselua ja lataat SVG:n.

Se on aidosti hyvä tasaisella, teräväreunaisella materiaalilla: logot, kuvakkeet, yksinkertaiset kuvitukset, viivapiirrokset, käsin tehty tekstaus. Niissä on pieni väripaletti ja selkeät reunat, mitä jäljitin lukee parhaiten, joten saat siistin, muokattavan SVG:n kourallisella muotoja. Esiasetukset ohjaavat tulosta — Tasavärinen/logo pitää värit vähissä, Yksityiskohtainen sallii enemmän, Posterisoitu jakaa kuvan rohkeisiin tasoihin, Mustavalkoinen pelkistää kahteen sävyyn. Kaikki toimii paikallisesti: mitään ei ladata palvelimelle, tiliä ei ole, ja latauduttuaan se toimii offline-tilassa. Tämä on oikeaa jäljitystä, ei tekoälyn uudelleenpiirtoa — se seuraa pikseleitäsi eikä keksi siistimpää kuvaa.

Mihin sitä käytetään

Muuta tasavärinen PNG-logo SVG:ksi, joka pysyy terävänä faviconista mainostauluun

Vektoroi yksinkertainen kuvake tai viivapiirros, jotta voit värittää sen myöhemmin uudelleen

Muunna käsin tehty tekstaus tai allekirjoituksen ääriviiva muokattavaksi vektorimuodoksi

Jäljitä kaksi- tai kolmivärinen merkki painoon, jossa terävät reunat ratkaisevat kaikissa ko'oissa

Vie kuvitus SVG-muotoon, jotta se skaalautuu siististi tarkkanäyttöisillä ruuduilla

Rakenna pieni, sumea logo uudelleen vektoripoluiksi, joita voit siistiä editorissa

Miksi IMG.DIY

Rasteri → vektori

Muuttaa PNG:n/JPG:n skaalautuviksi SVG-poluiksi.

Tyyliesiasetukset

Tasavärinen, yksityiskohtainen, posterisoitu tai mustavalko.

Skaalautuu siististi

Terävä missä tahansa koossa, toisin kuin venytetty rasteri.

Yksityinen

Jäljitetään paikallisesti — ei koskaan ladata palvelimelle.

UKK

Millaiset kuvat toimivat parhaiten?
Tasaväriset logot, kuvakkeet, yksinkertaiset kuvitukset ja viivapiirrokset. Vähemmän värejä ja siistit reunat tuottavat siistejä, kompakteja SVG-tiedostoja.
Miksi valokuvastani tulee valtava SVG?
Valokuvissa on tuhansia hienovaraisia värialueita, joten jäljitys luo valtavan määrän polkuja. SVG on väärä muoto valokuville — pidä ne JPG-/PNG-muodossa.
Voinko värittää SVG:n uudelleen jälkikäteen?
Kyllä. Lopputulos on tavallisia SVG-polkuja, joten voit avata sen vektorieditorissa ja muuttaa täyttöjä, kokoja ja värejä.
Ladataanko kuvani palvelimelle?
Ei. Jäljitys toimii kokonaan selaimessasi; kuva ei koskaan poistu laitteeltasi.
Millainen kuva antaa parhaan jäljityksen?
Jotain tasaista ja teräväreunaista, jossa on pieni määrä yhtenäisiä värejä — logo, kuvake, yksinkertainen kuvitus tai viivapiirros. Jäljitin löytää jokaisen värilohkon ja piirtää tiukan polun sen ympärille, joten terävä, korkearesoluutioinen lähde vähillä väreillä antaa pienen ja terävän SVG:n. Pehmeät liukuvärit ja tiheä yksityiskohta hämmentävät sitä ja lisäävät sotkua.
Miksi valokuvan jäljitys tuottaa niin valtavan tiedoston?
Valokuvassa on tuhansia hienovaraisesti eri värejä eikä lainkaan teräviä reunoja, joten jäljittimen on approksimoitava kaikki päällekkäisillä tasavärimöykyillä. Tuloksena on alkuperäistä JPG:tä paljon suurempi SVG, joka näyttää tuhritulta eikä valokuvalta. Pidä valokuvat rasterimuodossa ja pakkaa ne — SVG on muodoille, ei jatkuville sävyille.
Voinko muuttaa värejä jäljityksen jälkeen?
Kyllä. Lopputulos on tavallinen SVG nimettyine polkuineen ja täyttöineen, joten avaa se vektorieditorissa kuten Illustratorissa, Inkscapessa tai Figmassa ja muuta kokonaisen alueen väri yhtä täyttöä muokkaamalla. Voit asettaa tarkat brändiheksat, poistaa jäljityksen poimimat hajamuodot tai siirrellä polkuja — jäljitys on lähtökohta, ei lukittu tulos.
Ladataanko kuvani minnekään?
Ei. Koko jäljitys toimii selaimessasi — kuva luetaan canvasilta omalla koneellasi eikä koskaan poistu laitteeltasi. Tiliä tai palvelinta ei ole, ja kun sivu on latautunut, se toimii verkko pois päältä — mikä on arvokasta logolle, jota et halua lähettää muualle.

Aiheeseen liittyvät työkalut

Oppaat ja vinkit