itsytools.

PNG · JPG → SVG

PNG/JPG-kuvan muunto SVG-vektoreiksi

Muunna PNG tai JPG muokattaviksi SVG-muodoiksi. Esikatsele ja lataa tulos yksityisesti selaimessa.

01

Lisää kuva

PNG · JPG · JPEG

8

Vähemmän värejä tuottaa yksinkertaisemman SVG:n.

02

SVG-tuloksesi

Lisää kuva ja vektoroi se nähdäksesi SVG-esikatselun.

Sopii parhaiten logoille ja kuvituksille. Valokuvat ovat likimääräisiä ja SVG voi olla suuri. PNG:n läpinäkyvät alueet pysyvät läpinäkyvinä.

Valitse sopiva kuva ja asetukset SVG-jäljitykseen

Jäljitys muuntaa PNG- tai JPG-kuvan värialueet SVG-poluiksi. Tasainen grafiikka ja selkeät reunat toimivat yleensä valokuvia paremmin. Tulos on lähteen likiarvo eikä palauta alkuperäisestä puuttuvia yksityiskohtia.

Vaihe vaiheelta

  1. Avaa PNG tai JPG, jossa on selkeä kohde. Rajaa turha ympäristö etukäteen, jos se tuottaisi ei-toivottuja polkuja.
  2. Aloita pienellä väripaletilla ja tasapainoisilla yksityiskohdilla. Jäljitä, vertaa esikatseluita ja muuta yhtä asetusta kerrallaan.
  3. Lataa SVG ja tarkista se aiotussa näyttökoossa. Säilytä rasterialkuperäinen, jos tarkat valokuvan yksityiskohdat ovat tärkeitä.

Asetukset ja rajoitukset

Väripaletti
Vähemmän värejä yksinkertaistaa alueita ja vähentää polkuja, mutta voi yhdistää tärkeitä sävyjä. Lisävärit eivät palauta puuttuvia yksityiskohtia.
Jäljityksen yksityiskohdat
Yksinkertainen, tasapainoinen ja tarkka tila rajoittavat työkuvan pisimmän sivun vastaavasti 240, 400 ja 600 pikseliin.
Läpinäkyvyys ja teksti
Läpinäkyvät alueet jätetään pois. Osittainen läpinäkyvyys yksinkertaistuu; tekstistä tulee muotoja eikä muokattavia tai haettavia merkkejä.

Esimerkkitehtävä

Avaa color-blocks.png, valitse 3 väriä ja tasapainoiset yksityiskohdat. Koon 600 × 400 lähde jäljitetään koossa 400 × 267 pikseliä.

Lataa esimerkkitiedostot

Esimerkkisyöte

600 × 400 px · 3

Odotettu tulos

<svg width="600" height="400" viewBox="0 0 400 267">
  <path/> <path/> <path/>
</svg>

Esimerkki-SVG sisältää 3 täytettyä polkua ja säilyttää näyttökoon 600 × 400. Se ei sisällä upotettua lähdebittikarttaa.

Kysymykset ja ongelmanratkaisu

Miksi pienet kirjaimet tai ohuet viivat hävisivät?

Pienennys ja yksinkertaistus voivat poistaa ne. Kokeile tarkkaa tilaa ja selkeämpää lähdettä; luo tärkeä teksti uudelleen vektorieditorissa.

Onko SVG aina PNG:tä pienempi?

Ei. Monimutkaiset valokuvat voivat tuottaa paljon polkuja ja suurempia tiedostoja. Vertaa todellisia latauksia äläkä oleta vektorimuodon olevan pienempi.

Miksi täysin läpinäkyvä kuva hylätään?

Jäljitettäviä näkyviä pikseleitä ei ole. Valitse näkyviä muotoja sisältävä grafiikka tyhjän läpinäkyvän kankaan sijaan.