Converting

Convert SVG to PNG on Mac, With Control Over the Size

By the Smol team5 min read

The fastest way to convert SVG to PNG on a Mac is one Terminal line: sips -s format png logo.svg --out logo.png. It needs no install. Add --resampleWidth 1000 to choose the pixel width, because an SVG has no fixed size until you rasterize it.

How do I convert SVG to PNG on a Mac with sips?

sips -s format png logo.svg --out logo.png
sips -s format png --resampleWidth 1000 logo.svg --out logo-1000.png

We ran both on a 200 by 100 SVG. The first line gave a 200 by 100 PNG, the SVG’s own size. The second gave 1000 by 500, so the aspect ratio held. Both PNGs kept transparency. A vector file scales cleanly, so ask for the size you need at the start and do not enlarge a small PNG later.

For a folder of SVGs, loop over them:

mkdir -p png-out
for f in *.svg; do
  sips -s format png --resampleWidth 1000 "$f" --out "png-out/${f%.svg}.png"
done

Our sips guide covers the rest of the command.

How do I open an SVG on a Mac, and can I export it from there?

Drag the file into a browser such as Safari or Chrome and it renders at any zoom. Select it in Finder and press Space for Quick Look, which draws SVG too. Quick Look is a viewer, not a converter, but Terminal can make a thumbnail from it:

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

In our test that wrote logo.svg.png at 800 by 800, a square thumbnail. That is a preview image, not a size-controlled export, so use sips when the dimensions matter. Preview can also open SVG on current macOS versions and export through File > Export. If yours will not, sips is the dependable path.

How do I convert SVG to JPG on a Mac?

Swap the format: sips -s format jpeg logo.svg --out logo.jpg. JPG cannot store transparency, so any see-through area becomes a solid background. Look at the result before you ship it. For logos and icons, PNG is almost always the better target. For a photo-like illustration headed for email, JPG is smaller. Our PNG to JPG guide explains that trade.

What size should I export an SVG at?

The right pixel width depends on where the image goes, so measure the slot, then double it for sharp screens. These are our test results for the same 200 by 100 SVG:

CommandOutput sizeTransparency
sips, no resample200 x 100Kept
sips --resampleWidth 10001000 x 500Kept
Smol convert to PNG1024 x 512Kept
qlmanage -s 800800 x 800 square thumbnailNot a size-controlled export

If you need other tools, rsvg-convert from Homebrew is a free command-line alternative. We only used the tools macOS ships, plus Smol.

How do I make the PNG smaller afterwards?

Flat graphics produce small PNGs, but big exports add up. Our image compressor guide compares ways to shrink them, and the image converter roundup covers other formats. Remember the limit: once an SVG is a PNG, it is a fixed-size bitmap and you cannot turn it back into a clean vector.

When is Smol the wrong tool for this?

For one or two SVGs, sips is the right tool. It is free, already on your Mac, and lets you pick the width. Smol is the weaker choice here because we found no setting for the SVG output size. In our test, Smol converted the 200 by 100 SVG to a 1024 by 512 PNG on its own.

Smol cannot write SVG, so it will never be the way to make or edit vectors. Where it earns its $29 (once, one Mac) is a mixed folder: SVG beside PNG, HEIC and TIFF files, converted in one job with nothing uploaded. See the buy page for details.

How we checked this

Rasterized a 200 by 100 SVG with sips (native and resampled to 1000 px wide), qlmanage and a Smol 1.0.35 convert job on an Apple Silicon Mac, then read pixel sizes and alpha with sips. Facts last checked . We make Smol, so treat our claims about it with the same care as any vendor’s, and see our editorial policy.

SVG to PNG on Mac: common questions

Can a Mac convert SVG to PNG without installing anything?

Yes. The built-in sips command reads SVG and writes PNG: sips -s format png logo.svg --out logo.png. In our test it worked on a 200 by 100 SVG and kept transparency. Add --resampleWidth to set the pixel width. No app, account or upload is needed.

Does converting SVG to PNG lose quality?

The PNG itself is lossless, but it is a fixed grid of pixels. An SVG stays sharp at any size, while a PNG blurs if you enlarge it. Export at the largest size you will need. You cannot recover the vector from the PNG afterwards, so keep the original SVG.

Can Smol convert PNG to SVG?

No. Smol cannot write SVG. It can read an SVG and convert it to a raster format such as PNG, which our test confirmed. For turning a bitmap into vector shapes you need a tracing tool such as Inkscape, Illustrator or an online tracer.

What is the best way to open an SVG on a Mac?

A web browser is the most reliable viewer. Safari and Chrome both draw SVG at any zoom. Quick Look in Finder also renders it when you press Space. To edit the shapes, you need a vector editor such as Inkscape or Illustrator, or a text editor, since SVG is plain XML.

Why does my SVG have a white background after converting?

PNG keeps transparency, so a white background usually means you exported to JPG, which cannot store it, or the SVG itself includes a white rectangle. In our test, sips PNG output kept the transparent area. Check the SVG source if a white box appears in PNG.

Keep reading