How to Convert SVG to PNG on Mac (5 Free Ways, Tested)

SVG is perfect for scaling, but plenty of apps and websites still want a PNG. On a Mac you don't need to hunt for a sketchy online converter — several of these methods are already built into macOS. Below are five ways to convert an SVG to PNG, ordered from "no install at all" to "free apps," and every one was tested on macOS with the exact commands.

Method 1: Quick Look (built in, no install)

macOS can render SVGs through Quick Look, and the qlmanage command turns that into a PNG export. Open Terminal (in Applications → Utilities) and run:

qlmanage -t -s 1024 -o . logo.svg

• -s 1024 sets the long edge to 1024px.
• -o . saves into the current folder.
• The output file is named logo.svg.png.

Tested on macOS: this produced a clean 1024×1024 PNG with transparency preserved and text rendered correctly. It's the fastest zero-install option.

Method 2: sips (built in, no install)

sips is Apple's built-in image tool, and on current macOS it can rasterize SVGs directly:

sips -s format png -Z 1024 logo.svg --out logo.png

• -s format png sets the output format.
• -Z 1024 fits the image within 1024px on the longest side (keeps aspect ratio).
• --out logo.png names the result.

Tested on macOS: this rendered the gradient, the text, and the transparent background correctly at 1024×1024. Like Quick Look, it needs nothing installed.

Method 3: In the browser (no install, no Terminal)

If you'd rather not touch the command line, a browser can do it with a tiny snippet. Open your SVG in Chrome or Safari, open the developer console (View → Developer → JavaScript Console in Chrome), and paste this — it rasterizes the SVG on the page and downloads a PNG at 4× scale:

const svg = document.querySelector('svg');
const scale = 4;
const xml = new XMLSerializer().serializeToString(svg);
const img = new Image();
img.onload = () => {
  const c = document.createElement('canvas');
  c.width = svg.viewBox.baseVal.width * scale || img.width * scale;
  c.height = svg.viewBox.baseVal.height * scale || img.height * scale;
  const ctx = c.getContext('2d');
  ctx.drawImage(img, 0, 0, c.width, c.height);
  const a = document.createElement('a');
  a.href = c.toDataURL('image/png');
  a.download = 'logo.png';
  a.click();
};
img.src = 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(xml)));

Tested in a browser: this produced a valid, full-resolution PNG. Adjust scale for a bigger or smaller file. (If your SVG links to external images or fonts, the browser may block the export for security — in that case use one of the Terminal methods.)

Method 4: rsvg-convert (best quality, one small install)

For the cleanest command-line conversion, install librsvg with Homebrew:

brew install librsvg
rsvg-convert -w 1024 logo.svg -o logo.png

Tested on macOS with rsvg-convert 2.62: it kept the transparent background, scaled crisply to any width, and rendered text correctly. This is the tool most other converters (including ImageMagick) call under the hood, so you may as well use it directly. To force a white background instead of transparency, add -b white.

Method 5: Inkscape (free app, full control)

If you already use Inkscape — the free vector editor — it exports PNG from the command line too:

inkscape logo.svg --export-type=png --export-filename=logo.png -w 1024

Tested in Inkscape 1.4: 1024×1024 output with transparency preserved. You can also open the SVG in Inkscape's interface and use File → Export for a visual export dialog with precise size and DPI control.

Which method should you use?

• Nothing installed, need it now: Quick Look (qlmanage) or sips.
• Allergic to the Terminal: the browser snippet, or the tool below.
• Best quality and batch jobs: rsvg-convert.
• Already a vector editor user: Inkscape.

Or skip the setup entirely

If you don't want to open a terminal or install anything, our free SVG to PNG converter does it in the browser: drop in your SVG, pick a size, and download a PNG with the transparency intact. And if the reason you need a PNG is that your logo isn't quite right yet, you can generate a new one with AI and export both PNG and SVG from the start.

Frequently asked questions

Can I convert an SVG to PNG using Preview?

Not reliably — Preview doesn't open SVG files on most macOS versions, so don't waste time trying. Use Quick Look via qlmanage, or sips, both of which are built in.

Will the PNG keep a transparent background?

Yes, with every method above. SVGs with no background export as transparent PNGs by default. If you want a solid background, add -b white in rsvg-convert, or place a colored rectangle behind the artwork before exporting.

What resolution should I export?

Because SVG is resolution-independent, pick the size you need and go a bit bigger. 1024px is a safe default for web and app use; 2048px or higher for print or large displays. You can always scale a large PNG down without quality loss — but not up.

Why is my PNG blurry?

You probably exported at a small size and then enlarged it. Re-export from the SVG at the final size you need instead of scaling a small PNG up.

How do I convert many SVGs at once?

Loop rsvg-convert in Terminal, for example: for f in *.svg; do rsvg-convert -w 1024 "$f" -o "${f%.svg}.png"; done. That converts every SVG in the folder to a 1024px PNG.