PNG to ICO: Create a Clean favicon.ico

PNG is the most popular starting point for favicon creation, and for good reason. PNG files support transparency, handle sharp edges cleanly, and are the native export format of nearly every design tool. The problem is that browsers and operating systems do not accept PNG directly as a favicon.ico file. The ICO format is a special container that can hold multiple image sizes inside a single file, letting the system pick the best resolution for each context automatically.

With Any2ICO, converting a PNG to a multi-size ICO takes less than a minute. You upload your image, select the sizes you need, choose how the image should be scaled and what background to use, and download the finished ICO. The entire conversion runs in your browser using the Canvas API, so your files stay on your device and are never uploaded to a remote server.

This guide walks you through every step of the process. You will learn which sizes to include for favicons versus Windows desktop icons, when to use contain versus cover scaling, and how to handle background color. By the end you will have a professional, multi-size ICO file ready to drop into your website or application.

Step-by-Step: Convert PNG to ICO

Follow these four steps to turn any PNG into a clean, multi-size ICO file.

Step 1 — Upload Your PNG

Open the Any2ICO converter in any modern browser. Drag your PNG file onto the upload area, or click to browse your device. You can also paste an image from your clipboard, enter a URL, or import from Google Drive or OneDrive. Any2ICO accepts PNG files up to 10 MB.

Step 2 — Select Icon Sizes

Choose which pixel sizes to embed in the ICO file. Any2ICO offers 16, 32, 48, 64, 128, and 256 pixels. For a standard website favicon, select at least 16, 32, and 48. If the icon will also be used as a Windows shortcut or application icon, add 64, 128, and 256 as well. You can select all six for maximum compatibility.

Step 3 — Pick Scaling and Background

Under scaling, choose Contain to fit the entire image inside the icon frame (best for logos and illustrations) or Cover to fill the frame completely, cropping edges if needed (best for photos and full-bleed graphics). Then set the background to Transparent if your PNG has an alpha channel, or White if you prefer a solid backdrop.

Step 4 — Convert and Download

Click Convert. Any2ICO generates the ICO file instantly in your browser. Download the single .ico file and place it in the root of your website as favicon.ico, or use it wherever your operating system expects an icon file. If you converted multiple images, Any2ICO bundles them into a ZIP archive automatically.

Which Sizes Should You Include?

The ICO format can hold multiple resolutions in a single file, and each resolution serves a different purpose. Choosing the right combination ensures your icon looks crisp everywhere it appears.

16x16 is the classic favicon size. Browsers display it in tabs, bookmark bars, and history lists. It is the absolute minimum you should include.

32x32 is used by browsers on high-DPI (Retina) displays and by Windows for small shortcut icons. Including it alongside 16x16 prevents the browser from scaling up the 16-pixel version on sharp screens.

48x48 appears in the Windows taskbar and in certain browser contexts that need a slightly larger icon. It rounds out the essential trio for web use.

64x64, 128x128, and 256x256 are mainly relevant for Windows desktop shortcuts, application icons, and high-resolution displays. If your ICO will only serve as a website favicon, you can skip these to keep the file small. If the icon might be used on the desktop, include them for the best appearance.

For a deeper breakdown of where each size is displayed, see our guide to favicon sizes.

Scaling: Contain vs Cover

When your source PNG is not perfectly square, or when it does not match the target icon size exactly, Any2ICO needs a rule for how to fit the image into the square icon frame. That rule is the scaling mode.

Contain scales the image down until it fits entirely inside the icon frame. If the source is not square, you will see padding on two sides. This mode guarantees that nothing is cropped. It is the best choice for logos, wordmarks, and any graphic where cutting off edges would be unacceptable.

Cover scales the image up or down until it completely fills the icon frame. If the source is not square, the overflowing edges are cropped. This mode is useful for photos, textures, or full-bleed backgrounds where you want no padding and no empty space.

In most favicon workflows, Contain is the right default. Icons are small, and cropping even a few pixels from a logo can make it unrecognizable. Reserve Cover for special cases where the image is already square or where filling the entire frame is more important than preserving every edge.

Background: Transparent vs White

The background setting controls what appears behind your image when the icon frame is not fully covered — either because the source has an alpha channel (transparency) or because Contain scaling added padding.

Transparent keeps the alpha channel intact. The icon blends seamlessly with whatever surface it sits on, whether that is a dark browser tab bar, a light bookmark list, or a colored desktop wallpaper. This is the standard choice for logos and symbols.

White fills any non-image area with solid white. This is useful when your source PNG was designed on a white canvas and the transparency would expose unwanted edges, or when the icon will appear in a context that does not support transparency well.

As a rule of thumb: if your PNG already has a transparent background and looks good at small sizes, keep the background set to Transparent. If the design relies on a white surround or you see visual artifacts around the edges, switch to White.