Loading...
Related:🎨Color ToolsIMGImage Converter64→IMGBase64 to Image✂Image EditorYMLYAML ↔ JSON2→16Number Base ConverterTZTimezone ConverterUTCDateTime Converter

SVG to PNG Converter Online — Convert Vector Graphics to Raster

Convert SVG to PNG directly in your browser — no upload, no signup. Paste raw SVG markup or drop an .svg file, set the exact output width and height, and choose a transparent background or a solid fill color before rendering. The tool reads the width, height, or viewBox of your SVG to suggest sensible output dimensions, and an aspect-ratio lock keeps proportions consistent when you resize. Because rendering happens on the Canvas API locally, it works for icons, logos, and illustrations without ever sending your markup to a server. A WebP export option is also available for smaller file sizes.

Features

  • Paste or drop SVG

    Paste raw SVG markup into the textarea, or drag-and-drop an .svg file to load it instantly.

  • Smart default dimensions

    Output width and height default to the SVG's own width/height or viewBox, falling back to 512×512.

  • Aspect ratio lock

    Toggle the lock to keep width and height proportional as you adjust either value.

  • Transparent or solid background

    Keep the PNG transparent, or pick a background color to flatten the SVG onto before export.

  • PNG or WebP output

    Export as lossless PNG, or as WebP with an adjustable quality slider for smaller files.

  • No upload

    Rendering happens locally on an HTML canvas — your SVG markup never leaves the browser.

How to convert SVG to PNG online

Turn vector SVG markup into a raster PNG or WebP file.

  1. Add your SVGPaste SVG markup into the text box, or drag an .svg file onto the drop zone.
  2. Set the output sizeAdjust the width and height fields, using the aspect ratio lock to keep proportions.
  3. Choose the backgroundLeave transparent background checked, or uncheck it and pick a fill color.
  4. ConvertClick Convert to render the SVG onto a canvas and preview the result.
  5. DownloadClick download to save the PNG (or WebP) file to your device.

Examples

Convert an icon to a transparent PNG

Input
<svg width="24" height="24" viewBox="0 0 24 24">...</svg>
Output
icon.png (24×24, transparent background)

Default output dimensions come straight from the SVG width/height attributes.

Flatten a logo onto a white background

Input
logo.svg (viewBox 0 0 200 60), transparent background unchecked, white fill
Output
logo.png (200×60, solid white background)

Useful when the target platform does not support transparency.

Frequently Asked Questions

Is my SVG uploaded to a server?
No. The SVG is rendered onto an HTML canvas entirely in your browser and never leaves your device or gets sent to a server.
Why is the output blurry or pixelated?
PNG is a raster format, so the output resolution is fixed at export time. Increase the width and height before converting if you need a sharper result — SVGs scale losslessly, so rendering at a larger size costs nothing.
How are the default width and height chosen?
The tool looks for the SVG's width and height attributes first, then falls back to the viewBox dimensions, and finally defaults to 512×512 if neither is present.
What happens if I uncheck transparent background?
A color picker appears so you can choose a solid fill. That color is painted onto the canvas before the SVG is drawn, flattening any transparent areas to that color in the exported image.
Can I export WebP instead of PNG?
Yes. Switch the output format to WebP to get a quality slider and typically smaller file sizes than PNG, while still supporting transparency.
Why do I get an error instead of a preview?
The SVG markup could not be parsed — check for unclosed tags, a missing xmlns attribute, or stray text outside the <svg> root, then try converting again.