Does the SVG Converter upload my files to a server?

No. All conversion happens locally in your browser using the Canvas API. Your SVG data never leaves your device.

What sizes does the ICO export contain?

The ICO file embeds three sizes: 16 × 16, 32 × 32, and 48 × 48 pixels — the standard set for browser favicons and Windows taskbar icons.

Can I convert an SVG with external fonts or images?

SVGs that reference external resources may render without them, because the browser's security sandbox blocks cross-origin loads inside a canvas. Embed fonts as base64 data URIs or inline styles for reliable results.

What is the maximum PNG resolution I can export?

There is no hard cap — the limit is your browser's maximum canvas size, which is at least 16 384 × 16 384 px in all modern browsers. Sizes above 4096 px may be slow to generate.

SVG Converter

Convert SVG to PNG at any resolution or generate a multi-size ICO file for favicons — upload a file, drag-and-drop, or paste code directly.

Drop your SVG here

or click to browse

Output Format

Width (px)

Height (px)

Presets:

Preview

Preview will appear here

Why use our online SVG Converter?

Convert SVG vector graphics to rasterized PNG or JPG at any resolution directly in your browser. No upload, no server — the Canvas API handles the conversion locally.

How to use SVG Converter

1
Upload or paste your SVG
Drag and drop an SVG file onto the upload area, or switch to the Paste Code tab and enter your SVG markup directly.
2
Choose your output format
Select PNG for a high-resolution raster image or ICO to generate a multi-size favicon bundle (16, 32, and 48 px).
3
Set the resolution (PNG only)
Enter a custom width and height, or pick a preset (256, 512, 1024, 2048 px). Aspect ratio is locked by default to keep proportions.
4
Download the result
Click Convert & Download. Your PNG or ICO file is generated entirely in the browser and saved to your device instantly.

SVG vs raster images — understanding the trade-off

SVG (Scalable Vector Graphics) stores images as mathematical descriptions of shapes, paths, and text. Because the image is described rather than stored as pixels, it can be scaled to any size — from a 16px favicon to a 10-metre poster — with zero quality loss. SVG files are typically very small for logos and icons but very large for complex photographic illustrations.

Raster images (PNG, JPG, WebP) store images as a fixed grid of pixels. At the intended display size they look sharp; scaled beyond their native resolution, they become blurry or pixelated because the browser must interpolate between pixels. Raster images are the right format for photographs, screenshots, and any content with complex color gradients.

The practical rule: use SVG for everything created in a vector tool (logos, icons, illustrations, charts created in Illustrator, Figma, or Inkscape). Use raster formats for photographs and screen captures. When you need to use an SVG in a context that requires a raster image (some email clients, some social media platforms, favicons for older browsers), convert using this tool.

Favicon formats — what each browser and platform requires

Favicons are the small icons that appear in browser tabs, bookmarks, and address bars. Historically, browsers required a 16 × 16 pixel ICO file at the site root (/favicon.ico). Modern browsers support a range of formats and sizes, and a comprehensive favicon setup covers several cases.

The ICO format can embed multiple image sizes in a single file — 16 × 16, 32 × 32, and 48 × 48 are the standard set for browser compatibility. This tool generates an ICO with all three sizes from your SVG. For modern browsers, a PNG favicon at 32 × 32 referenced via <link rel="icon" type="image/png" href="favicon-32x32.png"> is also widely supported.

Apple Touch Icons (180 × 180 PNG) appear when users add your site to the iPhone home screen. Android/Chrome uses a 192 × 192 PNG for web app shortcuts. Windows tiles historically used a 150 × 150 PNG with a browserconfig.xml. For a complete cross-platform setup, use a favicon generator that produces all variants; this tool focuses on the core browser ICO and PNG exports from SVG.

Why SVGs with external resources may not convert correctly

When this tool converts your SVG to PNG, it draws the SVG on an HTML canvas element using the browser's SVG renderer. The canvas renderer operates under the browser's security sandbox, which blocks loading external resources (images, fonts, stylesheets) referenced by URL inside the SVG.

This means SVGs that use <image href="https://..."> to embed external images, or <text> elements styled with @font-face rules pointing to web font URLs, will render with missing images or fallback fonts. The SVG will still convert, but the output may look different from what you see in a browser rendering the original SVG file normally.

The solution is to self-contain the SVG before converting: embed fonts as base64-encoded data URIs within <style> tags, embed image data using data:image/... URIs in <image> elements, and ensure all assets are inline rather than externally referenced. Most design tools (Figma, Inkscape, Adobe Illustrator) have an "embed" or "include linked files" option during SVG export that handles this automatically.

Optimizing SVG files before converting or publishing

SVGs exported from design tools often contain unnecessary metadata that increases file size without affecting appearance: editor-specific XML namespaces, embedded thumbnail previews, transformation matrices that could be simplified, and floating-point coordinates with more decimal places than any renderer needs.

SVGO (SVG Optimizer) is the standard tool for SVG minification. It removes editor metadata, collapses unnecessary groups, converts absolute paths to relative paths, merges overlapping paths, and rounds coordinates to two decimal places. A typical Figma or Illustrator export shrinks 30–60% after SVGO optimization with no visible quality difference.

For use as a web asset, an optimized SVG can be inlined directly into HTML (removing the need for an HTTP request) or referenced as an <img> src or CSS background-image. Inlining allows CSS to style individual SVG elements (change stroke color on hover, animate paths) in ways that externally referenced SVGs do not permit. If you need to convert an SVG to PNG for a context that requires raster format (email, some social media uploads, system icons), always optimize the SVG with SVGO first — a cleaner vector input produces a sharper raster output because the renderer has fewer degenerate paths and redundant transform layers to process.

Frequently Asked Questions

Does the SVG Converter upload my files to a server?: No. All conversion happens locally in your browser using the Canvas API. Your SVG data never leaves your device.
What sizes does the ICO export contain?: The ICO file embeds three sizes: 16 × 16, 32 × 32, and 48 × 48 pixels — the standard set for browser favicons and Windows taskbar icons.
Can I convert an SVG with external fonts or images?: SVGs that reference external resources may render without them, because the browser's security sandbox blocks cross-origin loads inside a canvas. Embed fonts as base64 data URIs or inline styles for reliable results.
What is the maximum PNG resolution I can export?: There is no hard cap — the limit is your browser's maximum canvas size, which is at least 16 384 × 16 384 px in all modern browsers. Sizes above 4096 px may be slow to generate.

Related Tools

palette

Color Palette

Extract colors from images or generate harmonious palettes.

gradient

CSS Gradient

Visual CSS background generator & code.

image

Image Compressor

Reduce file size without losing visual fidelity.

draw

Logo Maker

Design logos with a drag-and-drop canvas editor. Add text, icons, and shapes — export PNG, SVG, or ZIP.

star

Favicon Generator

Create favicons from images, text, or emoji. Outputs favicon.ico, apple-touch-icon, Android PWA icons, Web App Manifest, and HTML snippet — all in your browser. Free, no signup.