indielab.dev logo indielab.dev

SVG to PNG / JPG

Upload an SVG file, preview it, and export to PNG or JPG in one click.

Ready.

SVG preview will appear here.

How it works

We load your SVG file into an Image element using a Blob URL, then draw it onto an HTML5 canvas at the output size you choose. The canvas is then exported to PNG or JPG using toDataURL(). This avoids any server round-trip — the entire rendering pipeline runs inside your browser's graphics stack.

Frequently Asked Questions

My SVG uses external fonts — will they render correctly?

Not reliably. External resources (fonts, images linked by URL) may not load inside a sandboxed canvas context. For best results, embed fonts inline or use SVGs where all text has been converted to paths.

Why is the output blurry at small sizes?

SVG is vector-based and scales perfectly, but the rasterized canvas output is resolution-fixed. Set a larger output width to get a crisper result, then scale it down in your design tool.

Privacy Guaranteed

All file conversions and processing are executed locally inside your browser using client-side JavaScript. We never upload your files, images, videos, or private data to any server. Your information remains 100% secure.