IdeaFactory Lab

IDEAFACTORY / DESIGN ASSET TOOLS

Batch SVG to PNG
Asset Exporter

One set of icons. All the sizes you need. Turn existing static SVG artwork into a tidy PNG delivery pack, with exact dimensions and a manifest to keep everything clear.

Local browser processingMultiple sizes per sourceAlways keeps proportions

Before you add files: static vector artwork only

This tool accepts a deliberately limited SVG subset for outlined icons and logos. It rejects scripts, external references, foreignObject, animation, live text/fonts, raster image embeds, class-based style blocks and style attributes, plus other unsupported rendering features. Unsupported visible content is not silently removed.

Re-export Plain SVG where available. In Illustrator choose Styling: Presentation Attributes and Font: Convert to Outlines; in Figma enable Outline text. Expand CSS styling, and remove or rebuild unsupported effects and raster images named by the error. Plain SVG alone may not resolve every rejection. Keep originals and check previews; browser rendering can differ.

01Add your SVG artwork

Drop outlined SVG icons or logosLocal .svg files · static vectors only

Up to 30 SVG files · 1 MiB each · 20 MiB total input
1–6 unique sizes · 16–2048 px · up to 180 PNGs
100 million output pixels per batch · 20 MiB per PNG · 100 MiB ZIP maximum

Your sources

0 / 30
Your asset list starts here

Select a source to inspect its viewBox, proportions and exact PNG variants. Rejected files stay visible with an explanation.

    02Build the size family

    Enter 1–6 different whole numbers from 16 to 2048. Every requested size is kept; duplicate or invalid sizes are rejected.

    Square mode only: 0–40% of each canvas side. Padding reduces the contained artwork, never the exported canvas size. Longest-edge mode uses no extra padding.

    Longest edge keeps the source viewport proportions and fits the artwork inside the requested longest edge. Square contain centers the whole source viewport on an exact square. Neither mode stretches or crops.

    Transparent keeps source transparency. Turn it off to composite artwork and padding onto the selected solid color.

    03Check each exact variant

    Add an SVG to preview its PNGs

    The preview is the actual PNG rendered at your requested size, displayed to fit this panel. Checkerboard means transparency.

    Deliver the whole asset set

    Each successful source gets a unique Unicode-safe folder. manifest.json records original source filenames, viewBoxes, requested settings, exact output dimensions and failures. Check those filenames before sharing.

    Pixel totals describe output work, not predicted PNG or ZIP bytes. Export runs one variant at a time. A limit or cancellation never silently reduces sizes or downloads an unfinished ZIP.

    Your files stay in this browser tab. No uploads, network processing, analytics or local storage. Clear all releases this batch; already downloaded files stay on your device.

    From outlined artwork to a delivery pack

    1. Prepare the source

      Use static SVG icons or logos with text already outlined. Export Plain SVG and expand stylesheet-based styling into presentation attributes.

    2. Choose the family

      Pick a preset or enter your sizes. Choose a proportion-preserving longest edge, or square contain for a consistent icon canvas. Adjust padding and background.

    3. Check and hand off

      Select every source and size to inspect exact dimensions. Download one PNG or the batch ZIP, then keep its manifest alongside the delivered assets.

    A few useful details

    Can this convert any SVG?

    No. It is designed for existing static, outlined icons and logos, not arbitrary web SVG. The validator uses an explicit supported subset and rebuilds accepted artwork before decoding it as an image. Scripts, links to external resources, foreignObject, animation, live text/fonts, raster images, style blocks, style attributes and unsupported effects are rejected. A file being rejected does not mean it is malicious. Re-export Plain SVG, outline text and expand styles in a design tool; do not simply remove content you still need.

    What exactly does “size” mean?

    In longest-edge mode, the longer output edge equals the requested size. The other edge is rounded to an integer from the source viewport proportions. The SVG artwork is uniformly contained in that canvas, so it is never stretched. Square mode creates an exact size × size canvas and contains the whole viewBox within it. Every source shows all exact output dimensions before export.

    How does padding work?

    Padding is available in square mode only, as a percentage of the square edge on each side. At 10%, the inner region is 80% of the canvas width and height. The artwork is contained and centered there, preserving its proportions. A source’s own whitespace remains. The original viewport is preserved; the tool does not expand the artboard to reveal artwork beyond it. Prepare the artboard correctly in your design app.

    Will PNGs be vector files or perfectly identical everywhere?

    PNG is a raster format. Exporting a larger PNG rasterizes the vector artwork at that size; it does not produce another SVG. PNG encoding is lossless for the rendered pixels, but SVG rasterization, antialiasing and color handling can vary between browsers. Preview the sizes you will deliver. The validation limits and image-only decoding reduce exposure but are not an absolute security guarantee.

    What happens if a file fails or I cancel?

    Import failures stay beside the source, with retry and remove controls. A batch ZIP includes successfully rendered PNGs and a manifest that lists failed sources or variants. If nothing exports, no archive is downloaded. Cancel, clear, remove or a newer settings/source change invalidates pending work. A ZIP size-limit failure discards the entire archive. No requested size is silently lowered.

    Which limits apply?

    Use at most 30 SVG files, 1 MiB each and 20 MiB total. Choose 1–6 unique sizes from 16 to 2048 pixels. A batch may contain at most 180 PNGs and 100 million total output pixels. Each PNG is limited to 20 MiB, and complete ZIP output to 100 MiB. Additional SVG complexity limits protect responsiveness, and a browser may run out of memory before these ceilings. Split large batches if needed.

    Do files or filenames leave this tab?

    Processing uses bundled code with no uploads, network processing, analytics or local storage. The ZIP includes original source filenames in its manifest and derived folder names, which may reveal personal or project information. Review the ZIP before sharing. Rendered artwork itself can also contain private information; this is not an anonymization tool.