SVG to PNG
Renders an SVG to PNG, JPEG or WebP at any scale factor, with a transparent or filled background.
Turning an SVG into a bitmap is what you do when the destination cannot take vectors: a social card, an email, an app icon. The catch is that the browser renders the SVG in isolation — no linked images, no external stylesheets, no webfonts — so what comes out is not always what your page shows.
Drop an SVG
Or paste the markup below.
Source
How to use it
Drop the file or paste the markup
The intrinsic size is read from width/height or the viewBox, and the page says when it had to guess.
Set the scale
It multiplies the intrinsic size, and the resulting pixel dimensions are shown next to the slider so 3× on a 24px icon is visibly 72px rather than a guess.
Choose transparency or a background
JPEG has no alpha, so choosing it forces a background colour rather than silently compositing onto black.
Common questions
The text came out in the wrong font.
The renderer cannot fetch a webfont — an SVG rasterised this way loads nothing external. Convert the text to paths in your editor before exporting; that is the standard advice for an SVG that must rasterise identically everywhere.
It says the browser refused to render it.
Usually a missing xmlns attribute — an SVG without it is not XML the browser will draw — or malformed markup, or a reference to a resource it is not allowed to load.
Should I rasterise for my website?
Usually not. An SVG stays sharp at every density and is often smaller than the PNG; if it is for CSS, the data-URI encoder keeps it vector. Rasterise when something downstream genuinely cannot read SVG.
Feed it from
SVG Optimiser
Removes editor cruft, collapses transforms and rounds path precision, showing the rendered diff.
Image to SVG
Traces a bitmap into SVG paths, tuned for logos and line art rather than photographs.
SVG Path Editor
Converts path data between absolute and relative commands, moves, scales, rotates and reverses it, and shows the bounding box with a live preview.
SVG Editor and Explainer
Edits an SVG next to its live render and explains the file: viewBox and scaling, transforms, every path command, inherited paint, wasted bytes, and what breaks in an <img>, a data URI or inlined.
Next
These accept what this tool produces, so the result can go straight in.
Favicon Generator
Produces the whole favicon set — ICO, PNGs, Apple touch icon, web manifest — plus the HTML to paste.
Image Resizer
Resizes by pixels, percentage or a target longest edge, with aspect-ratio lock and batch presets.
PNG Compressor
Quantises the palette and rewrites the deflate stream to shrink a PNG without changing its dimensions.
SVG Optimiser
Removes editor cruft, collapses transforms and rounds path precision, showing the rendered diff.
Background Remover
Keys out a flat or single-colour background in OKLab and returns a transparent PNG, with a brush for fixing the edges.
EXIF Remover
Strips camera, GPS and editing metadata from photos while leaving the pixels untouched.