A good export starts with the place where the image will be used. This guide explains how to choose a scale, prepare your SVG, and check the PNG before using it.
1. Start with the destination
Before converting, check the pixel dimensions requested by the website, document, email system, or design application that will receive the image. This tool scales the SVG's rendered dimensions by a selected multiplier; it does not provide custom width and height fields. If a platform requests 1200 pixels wide, compare that target with the SVG's displayed width and choose a multiplier that gets close without creating an unnecessarily large file.
2. Understand the scale factors
The choices are 1x, 2x, 3x, 4x, and 8x. A multiplier affects both width and height: a 200 × 100 source rendered at 2x becomes 400 × 200 pixels. Pixel count grows with the square of the multiplier, so 8x produces 64 times as many pixels as 1x. Larger output can use much more memory and may not look better when the original artwork or target display does not need it.
3. Pick a factor for screens
For standard interface graphics, 1x or 2x is often a practical starting point; 2x can help on high-density displays when the target layout scales the image down. Choose 3x or 4x only when the design needs the additional pixel dimensions. Use 8x selectively because very large canvases can take longer to render or exceed browser limits.
4. Decide whether the background should be transparent
Choose Transparent when the PNG must sit over a colored page, a presentation, or another image. Choose White when the destination expects a white rectangle or when a solid background makes the artwork easier to inspect. PNG supports transparency, but a destination application may display transparent pixels over a checkerboard or may flatten them when you insert the image.
5. Prepare the SVG before export
Open the source in a vector editor and check that it has a sensible viewBox and visible artwork inside that viewBox. Convert or embed fonts if the design must look identical on devices without those fonts. Keep linked images and external resources available; this browser converter may not render remote fonts, linked images, scripts, or other external dependencies from an SVG file.
6. Convert and inspect the preview
Select one SVG file, choose a scale and background, then convert it. Check that the entire drawing is visible, that text and thin strokes remain legible, and that the preview has the expected background. If the result is clipped, check the SVG viewBox and dimensions in the original file. The converter processes one file at a time and offers a PNG download for that file.
7. Check pixels and file size
Use the PNG in its intended context and inspect it at the size it will actually appear. A large pixel dimension does not automatically improve a small on-screen icon. If the PNG is too large, return to the SVG and export at a lower factor. If it looks soft, confirm that the destination is not enlarging a small raster image after conversion.
8. Keep the editable source
Save the original SVG alongside the PNG. SVG preserves vector paths and is usually better for later edits, recoloring, and resizing. PNG is a convenient fixed-size copy for destinations that need raster images. Keeping both lets you create another PNG at a different size without repeatedly scaling an already-rasterized image.