SVG to PNG Converter

How do you convert an SVG to PNG at the right size?

Choose your SVG files, select an output scale or custom dimension, and download the rendered PNGs. For a concrete example, a logo with viewBox="0 0 240 80" and no explicit width or height has a base size of 240 × 80 pixels. At 2x, it exports as 480 × 160 pixels. Conversion runs automatically after you select files or change settings.

Suppose that logo needs to occupy 240 × 80 CSS pixels on a page while supplying twice as many image pixels in each direction. The 2x result supplies that pixel grid; the destination page still controls its displayed size. For a different target, choose Custom, select Width (px), and enter 900. The height calculation is 900 × 80 ÷ 240 = 300, giving a 900 × 300 PNG.

Output choices for the same 240 × 80 SVG source

Output size setting	PNG width	PNG height
1x	240 px	80 px
2x	480 px	160 px
4x	960 px	320 px
Custom width 900	900 px	300 px
Custom height 200	600 px	200 px

How does the converter determine the SVG's original dimensions?

The size reader examines the root SVG tag. When both width and height contain positive numbers, optionally followed by px, those values take priority. Otherwise, a valid viewBox supplies its width and height. If just one usable dimension accompanies a viewBox, the missing dimension is calculated from the viewBox ratio. With neither a complete size pair nor a usable viewBox, the converter uses 300 × 150 pixels and displays a notice.

Percentage dimensions and physical units are an important edge case. The reader does not translate values such as 100% or 2cm into pixels. A viewBox can still provide usable dimensions in those files. A lone width without a height or viewBox is insufficient, so it also triggers the fallback. Inspect the pixel dimensions printed above each result instead of assuming the export uses your design application's document units.

What happens at the maximum output size?

The longest output side is capped at 8,192 pixels. If the requested dimensions exceed that limit, both sides are multiplied by the same reduction factor before rounding to whole pixels. For example, a 3,000 × 1,500 source at 4x requests 12,000 × 6,000 pixels. The reduction factor is 8,192 ÷ 12,000, so the actual export is 8,192 × 4,096 pixels, with a cap notice.

Dimensions are rounded to the nearest whole pixel and kept at a minimum of one pixel per side. Small rounding differences therefore occur for ratios that do not produce integer dimensions. The cap is a limit, not a guarantee that every large file will export on every device. If PNG export fails, the tool suggests trying a smaller size. Start with the dimensions your destination actually needs instead of selecting the largest output automatically.

How do transparent, white, black, and custom backgrounds work?

Transparent is the initial background setting. The renderer leaves the canvas unfilled before drawing the SVG, so empty regions retain transparency. White and Black fill the canvas first. Custom uses your Hex colour value in the same way. Three-digit and six-digit hexadecimal colours are accepted with or without a leading hash: 369 and #369 both normalize to #336699. An invalid entry produces an error and retains the last valid colour.

The setting changes the layer behind the artwork; it does not erase a white rectangle already drawn inside the SVG. If you choose Transparent and still see a solid background, inspect the source for an explicit background shape. Likewise, a solid background cannot restore missing artwork. Use the SVG and PNG comparison to check both empty regions and semitransparent edges before saving. All sources share the chosen background setting.

How does batch conversion and ZIP download work?

The workspace keeps up to 50 SVG sources. Choose several files initially or use Add more SVG files afterward. Every source uses the same settings, but scale mode applies to each source's own base dimensions. A batch of differently sized icons therefore remains differently sized at 2x. Custom width gives them a common width while allowing heights to vary with their individual aspect ratios.

Files render sequentially. An individual rendering failure is shown on that file while processing continues for the others. Download PNG saves one completed result; Download all as ZIP appears once at least two results are ready. Wait until all expected files have finished because the ZIP action collects the completed results available when clicked. The archive is named converted-png.zip. A source named logo.svg becomes logo.png; duplicate ZIP filenames receive numeric suffixes to avoid overwriting each other. Start over clears the current file list.

Why might text, linked images, or effects look different?

Use self-contained SVGs for predictable conversion. The warning checker looks for linked image href attributes and CSS url() references pointing outside the file. Local fragment references, such as url(#gradient), and embedded data URIs are treated differently from external links. The tool reports these dependencies rather than downloading and packaging them into your SVG. Embed required images in the source before converting.

Text can change when the named font is unavailable. The checker warns when it sees a text element and font-family declaration without detecting an embedded data-URI font in @font-face. This is a markup check, not proof that every glyph will render correctly. Convert important lettering to outlines or embed the required font, then compare the result. Outlines make the lettering shapes part of the SVG rather than leaving their appearance dependent on font selection.

Paths, gradients, transforms, filters, and inline styles are rendered through the browser's SVG image support. The converter does not repair unsupported effects or reproduce a design editor's entire rendering environment. Check shadows, clipping, and text carefully. A larger PNG does not fix a missing font or increase the detail of a raster image already embedded inside the SVG.

How is the PNG generated, and what happens to scripts and animation?

The converter reads your selected file as text, sets explicit output dimensions on the root SVG tag, creates a local Blob URL, and loads it as an image. It then draws that image onto a canvas and calls canvas.toBlob with image/png. The conversion path uses local file data and browser APIs without uploading the SVG to a conversion server.

SVG used as an image has restrictions different from SVG opened as an interactive document: embedded scripts are not executed in this image context. The tool exports a single raster image, with no animation timeline, frame selector, or script execution controls. Do not rely on it to capture a particular animated moment or a layout created by JavaScript. Prepare a static source with the intended appearance before converting.

When should you keep SVG, and when should you use PNG?

SVG, defined by the W3C SVG standard, describes vector shapes and supports scalable artwork. Keep that original for future editing and for destinations that accept it. PNG, defined by the PNG specification, stores a fixed pixel grid with lossless compression and support for transparency. Export PNG when an upload form, document workflow, or image asset pipeline specifically needs raster graphics. Conversion does not preserve editable paths or selectable SVG text.

Choose output pixels according to the destination. This interface has no DPI control; it controls pixel dimensions. For a print requirement of 300 pixels per inch across a two-inch width, you need 600 pixels across, which you can request with Custom width. Confirm the final physical placement in your print software. For further delivery changes, use PNG to WebP, PNG to JPG, or Image Compressor after checking this export.