SVG to PNG Converter
Render sanitized SVG markup to PNG with custom dimensions, scale, and transparent or solid background
Scripts, foreignObject, event attributes, and external resource URLs are removed before rendering.
PNG preview will appear here.
About this tool
SVG to PNG Converter renders pasted SVG markup into an exact-size browser Canvas and exports it as PNG. Set logical width and height, choose a 1x to 4x output scale, and preserve transparency or fill a selected background color. Before rendering, the tool removes script and foreignObject elements, event-handler attributes, and explicit external HTTP, protocol-relative, or file resource references. The result panel reports final pixel dimensions, encoded PNG bytes, and how many unsafe items were removed. Sanitization reduces common active-content risks but is not a complete security boundary for hostile SVG. Browser font availability, unsupported filters, color management, external fonts, and implementation-specific SVG features can change raster output, so production assets should be visually reviewed in the target browser and at the final display size.
Scenario Recipes
Export a production SVG icon at 2x PNG density
Goal: Create a bitmap fallback while preserving the intended aspect ratio
- Paste the reviewed SVG and set the logical width and height used by the target layout.
- Choose 2x scale and the required transparent or solid background, then render.
- Inspect the preview and removed-item count, download the PNG, and compare it at final CSS size in the target interface.
Result: A dimensioned PNG fallback that has been visually checked in its real display context.
Frequently Asked Questions
Can the PNG keep a transparent background?
Yes. Leave transparent background enabled, or disable it and select a solid fill color.
What does the scale option change?
It multiplies the Canvas pixel dimensions while keeping the same logical aspect ratio, which is useful for high-density output.
Which unsafe SVG features are removed?
Scripts, foreignObject nodes, event attributes, and explicit external HTTP, protocol-relative, or file resource URLs are removed before rendering.
Is sanitization a complete security guarantee?
No. It blocks common active features but should not be treated as a full sanitizer for hostile or untrusted SVG.
Why can fonts or filters look different?
Rasterization uses the current browser, installed fonts, and its SVG implementation; unavailable resources and unsupported effects can change output.
Is the SVG uploaded?
No. Parsing, cleanup, image loading, Canvas rendering, PNG encoding, and download happen locally.
Keep browsing