SVG ↔ PNG Converter

How to convert: step by step

1. 1
   Pick a conversion direction
   Use the tab at the top to switch between SVG → PNG and PNG → SVG. Each direction has its own settings.
2. 2
   Configure your output
   For SVG → PNG: set the output scale (1× to 8×) and choose a white or transparent background. For PNG → SVG: choose between vectorized tracing (best for logos and icons) or embedded wrap (best for photos).
3. 3
   Drop your file
   Drag the file onto the upload area. Conversion starts automatically: no button to click.
4. 4
   Check the preview
   A thumbnail confirms the result. Transparent PNG outputs show a checkerboard background so you can verify transparency. Metadata shows input and output sizes.
5. 5
   Download
   Click Download PNG or Download SVG. The output filename keeps your original filename with the new extension.

Frequently Asked Questions

What is the difference between SVG and PNG?

SVG (Scalable Vector Graphics) describes an image using mathematical shapes: lines, curves, and fills: so it can be scaled to any size without losing quality. PNG is a raster format: a fixed grid of pixels. At small sizes both look identical, but an SVG stays sharp at 4K while a PNG becomes blurry if scaled beyond its original dimensions.

What does the output scale setting do for SVG → PNG?

It multiplies the SVG's declared width and height by that factor. A 200×200 SVG at 2× produces a 400×400 PNG. Use 1× for web display, 2× for Retina/HiDPI screens, and 3–8× for print-quality raster output.

When should I use 'vectorize' vs 'embed' for PNG → SVG?

Vectorize traces the image into filled SVG paths: best for logos, icons, line art, and flat-color illustrations with a small number of distinct colors. The result is a true vector file that scales infinitely. Embed wraps the PNG inside an SVG container: the image is still raster, but design tools like Figma, Sketch, and Affinity treat the file as SVG and allow SVG-level operations around it. Use embed for photographs or when you need exact pixel fidelity.

How does the color palette size affect vectorization?

A smaller palette (2–8 colors) simplifies the image, reduces file size, and produces clean flat shapes: ideal for logos with few colors. A larger palette (32–64 colors) captures more detail and shading but produces a much larger, more complex SVG. For most icons and logos, 8–16 colors is the sweet spot.

Can I vectorize a photograph?

Technically yes, but the result is rarely useful. Photos have millions of colors and gradients that collapse into thousands of tiny filled polygons, producing a very large SVG that looks like a mosaic. Vectorization works well on flat-color images: logos, icons, diagrams, clip art.

Does the SVG → PNG converter support transparent backgrounds?

Yes. Choose 'Transparent' in the background setting and the PNG output will have a transparent alpha channel wherever the SVG has no fill. Choose 'White' to flatten any transparency to a solid white background.

Are my files uploaded to a server?

No. The SVG → PNG conversion uses the browser's Canvas API. The PNG → SVG tracing uses imagetracerjs, a JavaScript library that runs entirely in the browser. No files are transmitted anywhere.

Why is my vectorized SVG so large?

Vectorization produces one SVG path per color region. Complex images have many small regions, each requiring its own path element. Try reducing the color count to simplify the output. For most practical uses: logo display on a website, icon export: the file size is not a problem.