Prepare a self-contained vector
Use a UTF-8 SVG exported from the original design application. Shapes, paths, gradients and supported vector filters are appropriate. This converter rejects scripts, animation, foreign objects, document types and image elements, even embedded images. External styles, images and font URLs are not loaded. Export a static vector-only copy if the source mixes several types of content.
Resolve lettering before export
The renderer uses the same locally hosted Liberation Sans font on every supported device. This prevents a file from requesting remote fonts, but it can substitute lettering or omit unsupported characters. For a brand mark, Chinese lettering or any exact typography, convert text to paths in your design application before conversion. Keep a text-editable design source separately.
Choose actual pixel dimensions
Set the required width between 16 and 4,096 pixels. Height is calculated from the source aspect ratio. A very tall drawing may hit the 8,192-pixel or 16-megapixel output limit; reduce width or revise the artboard. If a website displays a logo at 300 pixels wide, a 600-pixel export may be useful for a sharper high-density screen version, but verify that the receiving system accepts it.
Decide how transparency should look
Choose Transparent when the destination should supply the background. Choose White or Black when you need an opaque rectangle. A pale logo can be hard to see on white, while a dark logo may disappear on black. The preview background is only a viewing surface; the PNG retains the selected alpha or solid background.
Inspect the PNG before reusing it
Check the exact dimensions, outer margins, clipped paths, gradients and lettering in the generated PNG. PNG is no longer scalable vector art: enlarging it later can blur edges. Keep the SVG for future sizes. If the file is too large for a portal, use the image resizing tool after checking the portal’s actual size and format requirements.