SVG to PNG

Rasterise a 24×24 SVG to a 48×48 PNG at scale 2.

How it works

• Sanitize the SVG: remove scripts, event handlers, foreignObject and external references.
• Decode it as an image and paint it into a 48×48 canvas.
• Encode the canvas as PNG (lossless) and offer it for download.

• The export runs in your browser; the SVG is never uploaded.

Methodology

1. Sanitize the SVG source before rasterising so scripts, event handlers, foreignObject and external references cannot execute.
2. Resolve the export size as the SVG's intrinsic size multiplied by the requested scale, clamped to the safe pixel bounds.
3. Decode the sanitized SVG as an image, paint it into a canvas of that size and encode a lossless PNG.

Usage

1. Choose or drop an SVG file.
2. Set the scale factor (2 gives a 2× export).
3. Run the export and download the PNG.

Examples

These are examples, not current values: they use fixed inputs, while the interactive tool computes live results in your browser.

24×24 icon at scale 2

{
  "svgWidth": 24,
  "svgHeight": 24,
  "scale": 2
}

300×150 logo at scale 1

{
  "svgWidth": 300,
  "svgHeight": 150,
  "scale": 1
}

Limitations

Sanitise, then rasterise

An SVG can carry scripts and external references. The exporter sanitizes the source with the same conservative rules as the SVG viewer, then decodes the cleaned markup as an image and paints it onto a canvas.

The export size is the SVG's intrinsic size times the scale factor, so a 24×24 icon at scale 2 produces a 48×48 PNG.