itsytools.

PNG · JPG → SVG

PNG/JPG til SVG-vektorisering

Gjør PNG eller JPG om til redigerbare SVG-former. Forhåndsvis og last ned privat i nettleseren.

01

Legg til et bilde

PNG · JPG · JPEG

8

Færre farger gir enklere SVG-filer.

02

Din SVG

Legg til et bilde og vektoriser det for å se SVG-en.

Passer best for logoer og illustrasjoner. Fotografier gjengis omtrentlig og kan gi store SVG-filer. Gjennomsiktige PNG-områder forblir gjennomsiktige.

Velg bilde og innstillinger for SVG-sporing

Sporing gjør fargede områder i en PNG eller JPG om til SVG-baner. Flat grafikk og tydelige kanter fungerer vanligvis bedre enn fotografier. Resultatet tilnærmer originalen og kan ikke gjenskape detaljer som mangler der.

Trinn for trinn

  1. Åpne en PNG eller JPG med et tydelig motiv. Beskjær unødvendige omgivelser først hvis de vil gi uønskede baner.
  2. Start med en liten fargepalett og balansert detaljnivå. Spor, sammenlign forhåndsvisningene, og juster én innstilling om gangen.
  3. Last ned SVG-en, og kontroller den ved ønsket visningsstørrelse. Behold rasteroriginalen når nøyaktige fotografiske detaljer er viktige.

Innstillinger og begrensninger

Fargepalett
Færre farger forenkler områdene og reduserer antall baner, men kan slå sammen viktige nyanser. Flere farger gjenoppretter ikke manglende detaljer.
Detaljnivå for sporing
Enkel, balansert og detaljert modus begrenser arbeidsbildets lengste side til henholdsvis 240, 400 og 600 piksler.
Gjennomsiktighet og tekst
Gjennomsiktige områder utelates. Delvis gjennomsiktighet forenkles; tekst blir former, ikke redigerbare eller søkbare tegn.

Gjennomgått eksempel

Åpne color-blocks.png, velg 3 farger og balansert detaljnivå. Kilden på 600 × 400 spores ved 400 × 267 piksler.

Last ned eksempelfilene

Eksempel på inndata

600 × 400 px · 3

Forventet resultat

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

Eksempel-SVG-en inneholder 3 fylte baner og beholder visningsstørrelsen 600 × 400. Den inneholder ikke et innebygd kildebilde.

Spørsmål og feilsøking

Hvorfor forsvant små bokstaver eller tynne linjer?

Nedskalering og forenkling kan fjerne dem. Prøv detaljert modus og en renere kilde; gjenskap viktig tekst i et vektorprogram.

Blir SVG-en alltid mindre enn PNG-en?

Nei. Komplekse bilder kan gi mange baner og større filer. Sammenlign faktiske nedlastinger i stedet for å anta at vektorfilen er mindre.

Hvorfor avvises et helt gjennomsiktig bilde?

Det finnes ingen synlige piksler å spore. Velg grafikk med synlige former i stedet for et tomt, gjennomsiktig lerret.