SVG to PNG Converter

Convert SVG vector files to PNG raster images at any resolution directly in your browser using canvas.

SVG to PNG Converter tool

Loading...

Example

Input: An SVG logo sized 200 x 100, Scale Factor 2x, Background Transparent

Result: A 400 x 200 PNG with an alpha channel, so the areas outside the shapes stay transparent

The SVG is drawn onto a canvas at the chosen scale and exported as PNG. Because vectors are redrawn at the new size, edges stay sharp at 2x.

  1. Upload an SVG file by dragging it onto the drop zone or clicking to browse.
  2. Set the desired output dimensions (width and height) for the PNG, or leave them at 0 to keep the original size.
  3. Choose a scale factor for higher resolution output and a background, then click Reprocess.
  4. Preview the rendered PNG result and its dimensions in the output panel.
  5. Click the download button to save the converted PNG file to your device.

Converting SVG to PNG at Any Size

This tool turns an SVG file into a PNG image at the size you choose. Upload the SVG, set a width, height or scale factor, pick a background, and download the PNG.

SVG is a vector format. It describes shapes, so it stays sharp at any size. PNG is a raster format, a fixed grid of pixels. You need PNG when a platform does not accept SVG, which is common for social media uploads, email signatures, some app stores and office documents.

Leave width and height at 0 to keep the SVG's own size. The tool reads it from the width and height attributes or the viewBox. Enter just one of them to scale in proportion. The scale factor then multiplies the result by 2, 3 or 4 for sharp output on high-resolution screens. For example, a 200 x 100 logo at 3x becomes a 600 x 300 PNG. Each side can be up to 8,192 pixels before scaling, but very large images may be too big for the browser canvas.

The background can stay transparent or be white, black or off-white. The SVG is drawn by your browser, so a few things can differ from your design app. Linked images and web fonts are not loaded when an SVG is drawn this way. Text uses fonts installed on your device, so convert text to paths first if the exact font matters. Files up to 10 MB are converted in the browser without uploading.

To turn the PNG into site icons, use the Favicon Generator. To shrink the file for the web, try the Image Compressor.

Sources

Frequently Asked Questions

Set a larger width, or use the scale factor. A 2x scale doubles both sides, so a 512 x 512 icon becomes 1024 x 1024. Because SVG is vector artwork, the shapes are redrawn at the new size and stay crisp rather than being stretched. Pick 2x or 3x for images shown on high-DPI phone and laptop screens.
The browser draws the SVG using fonts installed on your device. Web fonts linked from the SVG are not loaded when it is drawn as an image, so a fallback font may appear. To keep the exact lettering, convert the text to outlines or paths in your vector editor before converting.
Yes, if you keep Background set to Transparent and the SVG itself has no filled background shape. PNG supports full transparency. Choose White, Black or Off-White if the image will be placed somewhere that does not handle transparency well, such as some email clients.
The SVG probably links to outside files, such as an embedded photo or a font on another site. Browsers block those links when an SVG is drawn as an image. Embed the images inside the SVG as data URIs, or flatten them in your editor, and convert again.

Related Tools

Image to Base64 Converter

Convert any image file to a Base64-encoded string instantly in your browser. No server upload required.

Image and Media

Image Resizer

Resize images to exact pixel dimensions with an optional aspect ratio lock, entirely in your browser.

Image and Media

Favicon Generator

Upload an image and generate favicon files in multiple sizes for websites and web apps. Client-side only.

Image and Media

QR Code Generator

Generate QR codes for URLs, text, vCards, and WiFi credentials. Download as SVG or PNG instantly.

Image and Media

Image Color Extractor

Extract the dominant colors and full color palette from any uploaded image. Get hex, RGB, and HSL values.

Image and Media

Base64 to Image Converter

Decode a Base64 string back into a viewable and downloadable image file directly in your browser.

Image and Media