Converting between SVG and PNG sounds simple, but the two formats work fundamentally differently โ€” one is math-based, the other is pixel-based โ€” so the conversion process (and its limitations) go in different directions depending on which way you're converting.

Converting SVG to PNG

This direction is straightforward and lossless in the sense that you can choose exactly how large the PNG should be, since the SVG scales perfectly before being "flattened" into pixels.

  1. Open the SVG in a browser-based tool like CloudConvert, Convertio, or Photopea (File โ†’ Open, then File โ†’ Export As โ†’ PNG).
  2. Before exporting, set the output dimensions to match your intended print size at 300 DPI (see our DPI guide for the exact calculation) โ€” this is the moment to go big, since the SVG source has no quality ceiling.
  3. Confirm "transparent background" is enabled in the export settings if the tool offers it, so the resulting PNG works cleanly on any product color.

Converting PNG to SVG

This direction is fundamentally lossier and more limited, because it requires the tool to guess at vector shapes from a fixed grid of pixels โ€” a process called "tracing" or "vectorization." It works reasonably well for simple, high-contrast designs (bold logos, silhouettes, line art) and poorly for complex, photographic, or gradient-heavy images.

  1. Use a free vectorizing tool like Vector Magic (limited free tier) or the built-in trace function in Inkscape (Path โ†’ Trace Bitmap, fully free and open-source).
  2. Adjust the trace threshold/detail settings โ€” higher detail captures more nuance but can create messy, overly complex paths; lower detail is cleaner but loses fine detail.
  3. Always inspect the result closely (zoom in on edges and fine lines) before using it for cutting or scaling purposes โ€” auto-traced results often need manual cleanup in a vector editor.

When PNG-to-SVG conversion isn't worth attempting

If a design has soft gradients, photographic detail, or dozens of subtle colors, auto-tracing to SVG typically produces a messy, oversized file that looks noticeably worse than the original raster image. In these cases, it's better to source the actual original vector file if one exists, or accept that the design needs to stay in raster (PNG) form for that particular use case.

Quick reference

  • SVG โ†’ PNG: reliable, lossless at any size you choose โ€” use for uploading to POD platforms
  • PNG โ†’ SVG: works well only for simple/bold designs โ€” use for cutting machines and vinyl work when no original vector exists