What is SVG, and what is PNG?
SVG (Scalable Vector Graphics) is an XML-based vector format. Graphics are described by mathematical paths, shapes, and colors instead of pixels, so they never lose quality no matter how much you zoom in. Designers typically create logos, icons, illustrations, and buttons as SVG.
PNG is a bitmap (raster) format made of a fixed number of pixels. It supports transparent backgrounds (alpha channel) and is extremely universal — almost every app, platform, and operating system can open it directly.
When do you need to convert SVG to PNG?
The most common cases: the upload platform does not support SVG (for example some e-commerce backends, social platforms, or asset marketplaces); a design needs to be delivered as a bitmap; or the recipient only accepts PNG files.
Another common case is icon export: you work with SVG in code or design files, but PNG is more universal when handing off to non-technical colleagues or uploading to asset libraries.
How to choose a size when converting?
Original size: export at the size defined in the SVG itself. Best when the dimensions are already correct.
Scale multiplier: 2×, 3×, 4× are for high-density (Retina) screens. Icons should usually be exported at 2× or higher so they stay sharp on high-resolution displays.
Custom size: set the width and height manually for your target use case. Keep the aspect ratio locked to avoid stretching and distortion.
How should transparent backgrounds be handled?
PNG natively supports transparency, so transparent areas in the SVG are preserved by default.
If you need an asset with a solid background (for example a white background for print layouts), choose white, black, or any custom color in the background options.