What size should I export for a favicon or an app icon?

Rasterise at the largest size you need and scale down from there. 512 pixels square covers most app icon requirements, and 192 is what search engines want for a site icon.

Why is my JPEG missing the transparent background?

JPEG has no alpha channel at all. Transparent areas are filled with the background colour. Use PNG or WebP if transparency matters.

SVG to PNG / JPG

Rasterise vector artwork at any resolution. Paste the markup or drop a .svg file, pick a scale, and export a pixel-perfect PNG, JPEG or WebP.

SVG source

DOMParser is not defined

Preview

Render the SVG to see the result here.

External references are not fetched

For security reasons the browser renders SVGs in isolation, so linked images and web fonts inside the markup will not appear. Embed images as data URIs and convert text to paths before exporting.

About this tool

Turns SVG markup or .svg files into PNG, JPEG or WebP at whatever resolution you need. Because SVG is vector, you can rasterise the same file at 1x for the web and 4x for print without any of the blurring that enlarging a bitmap causes.

How to use it

1Drop an .svg file, or paste the markup directly.
2Pick a scale, or set an exact output width.
3Choose PNG to keep transparency, or JPEG for a smaller opaque file.

Good to know

Fonts have to be embedded

An SVG that references a font by name renders with whatever your machine has. If the design depends on a specific typeface, convert the text to paths in your editor before rasterising, or it may come out in a substitute.

External references will not load

An SVG pointing at an image on another domain cannot fetch it here. Embed such assets as data URIs inside the SVG first.