itsytools.

PNG · JPG → SVG

PNG/JPG til SVG-vektorisering

Lav PNG eller JPG om til redigerbare SVG-former. Se resultatet og download det privat i browseren.

01

Tilføj et billede

PNG · JPG · JPEG

8

Færre farver giver enklere SVG-filer.

02

Din SVG

Tilføj et billede, og vektoriser det for at se din SVG.

Bedst til logoer og illustrationer. Fotos gengives omtrentligt og kan give store SVG-filer. Gennemsigtige PNG-områder forbliver gennemsigtige.

Vælg billede og indstillinger til SVG-sporing

Sporing omdanner farvede områder i en PNG eller JPG til SVG-kurver. Flad grafik og tydelige kanter fungerer normalt bedre end fotografier. Resultatet tilnærmer input og kan ikke genskabe detaljer, der mangler i originalen.

Trin for trin

  1. Åbn en PNG eller JPG med et tydeligt motiv. Beskær unødvendige omgivelser først, hvis de vil skabe uønskede kurver.
  2. Start med en lille farvepalet og balanceret detaljeniveau. Spor, sammenlign forhåndsvisningerne, og justér én indstilling ad gangen.
  3. Download SVG'en, og kontrollér den ved den ønskede visningsstørrelse. Behold rasteroriginalen, når nøjagtige fotodetaljer er vigtige.

Indstillinger og begrænsninger

Farvepalet
Færre farver forenkler områder og reducerer kurver, men kan slå vigtige nuancer sammen. Flere farver genskaber ikke manglende detaljer.
Detaljeniveau for sporing
Enkel, balanceret og detaljeret tilstand begrænser arbejdsbilledets længste kant til henholdsvis 240, 400 og 600 pixels.
Gennemsigtighed og tekst
Gennemsigtige områder udelades. Delvis gennemsigtighed forenkles; tekst bliver former frem for redigerbare eller søgbare tegn.

Gennemgået eksempel

Åbn color-blocks.png, vælg 3 farver og balanceret detaljeniveau. Kilden på 600 × 400 spores ved 400 × 267 pixels.

Download eksempelfilerne

Eksempel på input

600 × 400 px · 3

Forventet resultat

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

Eksempel-SVG'en indeholder 3 udfyldte kurver og bevarer visningsstørrelsen 600 × 400. Den indeholder ingen indlejret kildebitmap.

Spørgsmål og fejlfinding

Hvorfor forsvandt små bogstaver eller tynde linjer?

Nedskalering og forenkling kan fjerne dem. Prøv detaljeret tilstand og en renere kilde; genskab vigtig tekst i en vektoreditor.

Bliver SVG'en altid mindre end PNG'en?

Nej. Komplekse fotos kan give mange kurver og større filer. Sammenlign de faktiske downloads i stedet for at antage, at vektoroutput er mindre.

Hvorfor afvises et helt gennemsigtigt billede?

Der er ingen synlige pixels at spore. Vælg grafik med synlige former frem for et tomt, gennemsigtigt lærred.