How to Convert ICO to PNG: Step-by-Step Tutorial

By Bill Crawford  ·  March 2026  ·  6 min read  ·  Last updated March 6, 2026

Connect on LinkedIn →

What This Tutorial Covers

This tutorial walks you through converting ICO icon files to PNG format using the browser-based tool on this site. No software installation required. You will learn how to add files, understand the per-file status system, use batch ZIP download, and get the best results from your ICO source files.

For background on why you might want PNG from an ICO and when to use it, see the companion ICO to PNG Complete Guide.

What You Need

• One or more .ico files
• A modern browser: Chrome, Edge, Firefox, or Safari (2023 or later)
• No account, no software, no subscription

Step 1: Open the Converter

Navigate to dataconversioncenter.com/image-tools/ico-to-png/. The page loads the JSZip library from CDN for optional ZIP download — no other dependencies are required. The ICO decoder and PNG encoder are built entirely from browser-native APIs (HTML Canvas and the toBlob method), so nothing needs to be installed.

Step 2: Add Your ICO Files

You have two ways to add files:

• Drag and drop: Open your file manager and drag one or more .ico files directly onto the drop zone labeled "Drop ICO files here". The zone highlights in blue when you hover over it.
• Browse: Click anywhere on the drop zone (or the "Browse Files" link) to open your file picker. Select multiple files using Ctrl+click (Windows) or Cmd+click (Mac).

As soon as files are added, the tool generates thumbnail previews for each one. You will see an Input Files grid with a card per file showing the filename, file size, and a Ready status badge.

Note: Files with an extension other than .ico are automatically rejected with an inline error message and are not added to the conversion queue.

Step 3: Choose Download Mode

Before converting, decide how you want to download your PNG files:

• Individual downloads (default): Leave "Download as ZIP" unchecked. After conversion, each output card has its own Download button, and a "Download All PNGs" button appears for sequential bulk download.
• ZIP archive: Check "Download as ZIP". After conversion, a single "Download ZIP" button downloads all PNGs in one file named dataconversioncenter_ico_to_png_YYYYMMDDHHMM.zip using your local date and time.

For batches of more than 5 files, the ZIP option is strongly recommended to avoid multiple browser download dialogs.

Step 4: Click "Convert to PNG"

Click the blue Convert to PNG button. The button label changes to "Converting…" and is disabled while conversion runs.

For each file in sequence:

1. The status badge on the input card changes from Ready to Converting…
2. The browser loads the ICO file using a native Image element, which selects the highest-resolution frame automatically (typically 256×256).
3. The decoded image is drawn to an HTML Canvas element at its native dimensions, preserving all RGBA pixel data including the alpha channel.
4. The canvas is encoded to a PNG blob using the browser's built-in canvas.toBlob('image/png') method — a fully lossless operation.
5. The status changes to Converted and an output card appears.

The progress bar tracks overall progress — "Converted X of N". Files are processed two at a time for throughput efficiency.

Step 5: Review the Results

After conversion completes, a summary banner appears: "✓ All N files converted successfully" or "Completed: X succeeded, Y failed."

An Output Files grid displays cards for each successfully converted PNG, showing:

• A thumbnail preview of the extracted PNG
• The output filename — same base name as the input with .png extension (e.g. favicon.ico → favicon.png)
• Output file size
• A per-file Download PNG button

Any files that failed are marked with a red Error badge. Common causes: the file is not a valid ICO (e.g. a renamed file with a .ico extension), or the ICO is corrupt. The tool continues processing remaining files when one fails.

Step 6: Download Your PNGs

Individual download

Click the ⬇ Download PNG button on any output card to save that file. The filename is the same as the input with .png extension.

Download All (no ZIP)

With "Download as ZIP" unchecked, click Download All PNGs. The tool triggers sequential browser downloads with a 120 ms delay between each to prevent browser throttling.

Download ZIP

With "Download as ZIP" checked, click Download ZIP. JSZip assembles all PNG blobs in memory and downloads a single file named, for example, dataconversioncenter_ico_to_png_202603061200.zip.

Step 7: The Tool Resets Automatically

After a ZIP download or "Download All" completes, the tool automatically resets to its initial empty state. All thumbnails, cards, and file references are cleared. The checkbox resets to unchecked. This prevents accidental re-downloads and keeps browser memory clean between sessions. Click Start Over to reset manually at any point.

Tips for Best Results

• Source ICO quality matters. If the ICO only has a 32×32 or 48×48 frame as its highest resolution, the output PNG will be that small. Most modern ICO files created after 2010 include a 256×256 frame.
• Transparent backgrounds. To verify the transparency was preserved, open the PNG in a tool that shows a checkerboard pattern for transparent areas (Figma, GIMP, or browser developer tools all work). A white background on the PNG means the original ICO also had a white (non-transparent) background.
• Resizing after conversion. If you need the PNG at a specific size (e.g. 64×64 for a UI context), download the full 256×256 PNG first, then use the Image Resizer to get the exact dimensions you need.
• Large batches. For batches of 20+ files, use the ZIP download option. Sequential individual downloads work but require keeping the browser tab open and active.

Troubleshooting

• File shows Error status: Verify the file is a genuine ICO file. Open it in Windows Explorer or another image viewer to confirm. Renamed non-ICO files will fail to decode.
• Thumbnail not generating: Some ICO files use legacy BMP frame encoding that older browsers struggle to preview. Try Chrome or Edge, which have the most complete ICO decoder implementations.
• Output PNG has a white background instead of transparency: The source ICO frame itself likely has a white background, not transparency. ICO files that use an AND mask for transparency (very old format) may render the mask as white in some browser decoders. This is a limitation of the source file, not the converter.
• PNG file is larger than expected: This is normal for icon-size PNGs. The ICO embedded several frames efficiently; the standalone 256×256 PNG is larger because it stores one full-size image without multi-frame compression benefits.
• ZIP not downloading: Some browsers require a direct user interaction to trigger downloads. Ensure you clicked the Download ZIP button directly rather than triggering it via keyboard shortcut or script.

Next Steps After Conversion

• Import into a design tool: Drop the PNG into Figma, Sketch, or Photoshop to use the icon in your design workflow.
• Use in a web page: Reference the PNG in your HTML with <img src="/icon.png" alt="Icon name"> or in CSS with background-image: url('/icon.png').
• Use as a PNG favicon: Add <link rel="icon" href="/favicon.ico" type="image/png" sizes="32x32"> to your HTML head.
• Resize for a specific context: Use the Image Resizer to scale the PNG to your exact target dimensions.
• Convert to WebP for web delivery: Use the Image to WebP converter to optimize the PNG for web performance.

Related Tools & Guides