FileDial › Guides › Photos and images
How to convert SVG to PNG on a Mac
By Himanshu Ranjan · Updated 8 November 2026
To convert an SVG to PNG on a Mac, select the file in Finder and run Convert › SVG to PNG (1×, 2×, 3×) in FileDial. It writes three PNGs: one at the drawing's own size, one double and one triple. That covers standard and retina screens. Everything runs locally.
Why you would rasterise an SVG
SVG is an open W3C standard for describing two-dimensional images in XML. Because it stores shapes instead of pixels, it scales without losing quality, and most browsers render it. That makes it ideal for logos and icons on the web.
But plenty of places want pixels: email signatures, slide software, social media uploads, app stores and print-on-demand sites often accept PNG or JPG and not SVG. Converting gives you a bitmap at a known size.
What the 1×, 2× and 3× outputs are for
FileDial's tool writes three PNGs from one SVG: at the drawing's own size, at double and at triple. The doubled and tripled versions exist for high-density screens, which show a 100 pixel wide graphic using 200 or 300 physical pixels. If you ship only the 1× file, retina displays stretch it and it looks soft.
Pick the one that matches the box you are filling. For a 600 pixel wide slot on a site, you want the 1× of a drawing that is 600 pixels wide, and its 2× for sharp screens.
Steps
The PNGs are written beside the SVG, and the SVG is never modified. If the drawing has transparent areas, PNG keeps them.
- Select the SVG in Finder.
- Hold the right Option key to open the dial, or right-click and choose Open in FileDial.
- Choose Convert, then release on Convert › SVG to PNG (1×, 2×, 3×).
- Use the PNG whose size fits your destination, and keep the 2× file for retina screens.
If you need a different size
The SVG tool works from the drawing's own size. If you need a specific pixel width, convert first, then resize the PNG with Resize › Resize… or one of the presets such as Resize › Resize to 2048 px. Scaling up a small PNG loses sharpness, so always start from the largest of the three outputs when you plan to enlarge.
For app and site icons, go straight to the icon tools: Convert › Make favicon pack, Convert › Make iOS @1x @2x @3x and Convert › Make Android icon sizes.
- Need the vector file smaller? Compress › Optimize SVG removes comments, metadata and editor data.
- Need to go the other way? Convert › Image to SVG (trace)… vectorises logos and flat art.
- Scripts inside SVG can be a risk, so open SVGs from unknown sources with care.
Fonts, effects and fidelity
SVGs can reference fonts and effects that the renderer must find. If a drawing uses a font that is not installed on your Mac, the text may fall back to a default font in the PNG. The safest way to avoid this is to convert text to outlines in the design tool before exporting the SVG. Always view the PNG at full size and compare it with the SVG in a browser.
Filters, masks and blend effects are another source of differences between apps. Simple logos convert reliably, but a complex illustration may look slightly different from what you saw in a design tool. If that happens, export a PNG directly from the design tool, or simplify the effects.
Treat SVG files from unknown sources with care. Wikipedia notes SVG can include scripts, which can be a security risk, so do not open unknown SVG files in tools that execute them.
- Outline text before exporting.
- Compare the PNG with a browser rendering.
- Be cautious with SVGs from strangers.
Mistakes to avoid and alternatives
Do not rasterise an SVG that you could use directly. Websites, many design tools and recent macOS apps accept SVG as it is, and the vector stays sharp at any size. Rasterise only for destinations that insist on a bitmap. Also avoid scaling a 1× PNG up later; pick the 2× or 3× output instead.
Preview can open some SVG files, and a browser will render any of them, so a screenshot is a rough fallback, but a proper export gives you exact dimensions and transparency. FileDial is the right tool when you want the three densities in one pass. A design app is better when you need a custom size, since the tool works from the drawing's own size.
A quick decision guide: if the destination accepts SVG, send the SVG. If it needs a bitmap for a normal screen, use the 1× file. For retina displays and app assets, use 2× or 3×. If you need an exact pixel width that none of the three gives, convert, then resize with Resize › Resize… If the artwork is a logo you will reuse widely, keep the SVG as the master and treat every PNG as a disposable export.
Keep it local
Brand assets and client artwork should not go through a random converter. FileDial never uploads files and works with Wi-Fi off.
Questions
What is the difference between SVG and PNG?
SVG stores shapes in XML text, so it scales to any size without losing sharpness. PNG is a pixel image with lossless compression and fixed dimensions. Use SVG for logos and icons on the web, and PNG where an app or upload form needs a bitmap.
Why does FileDial make three PNG files?
For different screen densities. The 1× file is the drawing's own size, and the 2× and 3× are double and triple for high-resolution displays. Use 1× for standard screens and the larger ones where sharpness matters, such as retina web graphics.
Does the PNG keep a transparent background?
PNG supports transparency, so areas of the SVG that are transparent can stay transparent in the PNG. If your result shows a solid background, check whether the SVG itself includes a background rectangle. If the background looks wrong, open the SVG in a text editor and check for a rectangle that fills the whole drawing.
Can I turn a PNG back into an SVG?
FileDial has Convert › Image to SVG (trace)…, which writes vector paths traced from the picture. It works best on logos, drawings and flat art, and it is not meant for photographs, where the result would be huge and rough.