PNG · JPG → SVG

PNG/JPG til SVG-vektorisering

Gjer PNG eller JPG om til redigerbare SVG-former. Førehandsvis og last ned privat i nettlesaren.

01

Legg til eit bilete

PNG · JPG · JPEG

8

Færre fargar gir enklare SVG-filer.

02

Din SVG

Legg til eit bilete og vektoriser det for å sjå SVG-en.

Passar best for logoar og illustrasjonar. Foto blir tilnærma og kan gi store SVG-filer. Gjennomsiktige PNG-område held fram med å vere gjennomsiktige.

Vel bilete og innstillingar for SVG-sporing

Sporing gjer farga område i ein PNG eller JPG om til SVG-banar. Flat grafikk og tydelege kantar fungerer vanlegvis betre enn fotografi. Resultatet tilnærmar originalen og kan ikkje gjenskape detaljar som manglar der.

Steg for steg

  1. Opne ein PNG eller JPG med eit tydeleg motiv. Skjer bort unødvendige omgjevnader først dersom dei ville gje uønskte banar.
  2. Byrj med ein liten fargepalett og balansert detaljnivå. Spor, samanlikn førehandsvisingane, og juster éi innstilling om gongen.
  3. Last ned SVG-en, og kontroller han ved ønskt visingsstorleik. Ta vare på rasteroriginalen når nøyaktige fotografiske detaljar er viktige.

Innstillingar og avgrensingar

Fargepalett
Færre fargar forenklar områda og reduserer talet på banar, men kan slå saman viktige nyansar. Fleire fargar gjenopprettar ikkje manglande detaljar.
Detaljnivå for sporing
Enkel, balansert og detaljert modus avgrensar den lengste sida i arbeidsbiletet til høvesvis 240, 400 og 600 pikslar.
Gjennomsiktigheit og tekst
Gjennomsiktige område blir utelatne. Delvis gjennomsiktigheit blir forenkla; tekst blir former, ikkje redigerbare eller søkbare teikn.

Gjennomgått døme

Opne color-blocks.png, vel 3 fargar og balansert detaljnivå. Kjelda på 600 × 400 blir spora ved 400 × 267 pikslar.

Døme på inndata

600 × 400 px · 3

Venta resultat

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

Døme-SVG-en inneheld 3 fylte banar og held på visingsstorleiken 600 × 400. Han inneheld ikkje eit innebygd kjeldebilete.

Spørsmål og feilsøking

Kvifor forsvann små bokstavar eller tynne linjer?

Nedskalering og forenkling kan fjerne dei. Prøv detaljert modus og ei reinare kjelde; lag viktig tekst på nytt i eit vektorprogram.

Blir SVG-en alltid mindre enn PNG-en?

Nei. Komplekse bilete kan gje mange banar og større filer. Samanlikn faktiske nedlastingar i staden for å gå ut frå at vektorfila er mindre.

Kvifor blir eit heilt gjennomsiktig bilete avvist?

Det finst ingen synlege pikslar å spore. Vel grafikk med synlege former i staden for eit tomt, gjennomsiktig lerret.