SVG→PNG

SVG to PNG — export vector graphics as raster

Convert SVG files to PNG directly in your browser. The SVG is rendered at 2x resolution (Retina-sharp). No upload, no server — instant and free.

🖼️

Drop SVG file here or click

Akzeptiert: SVG → PNG

Tips & notes

✓ 2x resolution for Retina sharpness

The tool renders SVGs at double resolution (2x) so the output looks pixel-sharp on HiDPI displays (MacBook Retina, iPhone).

✓ When SVG is the better choice

For logos and icons on websites, SVG is almost always better than PNG: scalable, often smaller, animatable. Convert to PNG when you need to use the image in apps that don't support SVG.

✓ External resources

SVGs that embed external images or fonts may not render correctly, because the browser can't load those resources during conversion.

Frequently asked

What resolution is exported? +

The SVG is rendered at 2x scale. A 200×100px SVG becomes a 400×200px PNG — perfect for Retina displays.

My SVG looks different after conversion — why? +

Possible causes: external fonts that aren't loaded, external images, or complex SVG features the browser renderer doesn't fully support.

Can I convert to JPG or WebP? +

This tool currently exports to PNG. For SVG→JPG or SVG→WebP use the universal converter.

Background & guide2 min read

About this tool

In shortRasterize SVG to PNG — vector to pixel at any chosen resolution, locally in your browser.

Rasterizing an SVG to PNG means recomputing the vector image into a pixel grid at a chosen resolution. The image loses its key property — arbitrary scalability — but gains broad compatibility with all pixel-only platforms.

When is conversion worth it?First, platform compatibility: some older CMSes, many email clients, certain print shops, and most social media platforms only accept pixel images. Second, specific pixel requirements: app icons often need an exact size like 1024×1024 — rasterize from SVG. Third, pixel-based editing: some Photoshop filters, blur effects and image manipulations only work on raster data.

Which resolution?The key decision. Rule of thumb: pick the maximum target size (accounting for Retina factor 2). A logo displayed at up to 200 px wide in the browser should be rasterized as a 400 px PNG. Scaling up beyond that hurts quality. Scaling down wastes bytes. App icons have explicit specs (see PWA Generator).

What you give up.Scalability. A PNG is resolution-bound — you need a separate file per use size (or several for Retina). You also lose SVG-only properties: CSS styling, animation, accessibility (ARIA attributes), DOM manipulation. If the asset will live on a website, keep the SVG.

Transparency and background.SVG has a transparent background by definition — paths render where defined. PNG can match this (alpha channel). The JNRT Pixel converter preserves transparency by default. You can pick a solid background (e.g. white) if the PNG will be embedded somewhere that doesn't support alpha.

Practical tips.First: always rasterize in two sizes (1x and 2x for Retina). Second: enable anti-aliasing for soft diagonal edges. Third: if the SVG contains text, ensure the font is available; otherwise convert text to paths before export.

Conversion routes compared.SVG → PNG for pixel workflows. SVG → JPG for photo composition with a flat background color. SVG → WebP for modern browsers (smaller than PNG, same look).

Privacy.Local in your browser. No upload. Related: SVG optimization, SVG, PNG, JPG for icons.