How can one ICO file hold several icon sizes?

One ICO can carry a tiny icon for a menu and a larger version for other spaces. Here's what's inside—and why checking the biggest preview isn't enough.

What does one ICO file hold?

An ICO is like an envelope of ready-made prints of the same icon. Each picture has its own pixel size, so an app can pick the version that fits its space.

One source picture branches into separate 16, 32 and 256 pixel pictures inside an ICO; an app chooses one for a menu.

One source, separate pictures, one ICO

Selected sizes are drawn from the same source, like making several prints from one original. How we reviewed these results

An ICO isn't one big picture with a list of suggested display sizes. The smaller pictures are already saved inside it. That matters when you're checking an icon: a clear large preview doesn't tell you how the separate menu-sized picture looks.

What do the stored icon sizes look like?

Here's a generated star-and-circle icon from one recorded ICO. Compare the largest stored picture with the tiny versions: the star points and white center have fewer pixels to work with.

Star-and-circle icon stored at 256 by 256 pixels.

256 px reference, reduced for display

Star-and-circle icon stored at 16 by 16 pixels.

16 px at display size

Star-and-circle icon stored at 32 by 32 pixels.

32 px at display size

The white center has little room to keep its round shape.

16 px picture, enlarged for inspection

The white center has little room to keep its round shape.

The larger picture has more room for the star points.

32 px picture, enlarged for inspection

The larger picture has more room for the star points.

The small pictures above use their own pixel dimensions on the page; the enlarged views below expose their pixel shapes.

At the tiny size, look for recognition: can you still tell what the icon is? The enlargement helps you see how an edge was drawn. The display-size picture tells you whether the design reads without zooming in. Those are different checks, and you need the small view for the second one.

Why can a smaller icon picture take more file space?

In the recorded ICO, the 128 px picture takes about 5 times the space of the 256 px picture. The smaller one stores an uncompressed bitmap—a grid of pixels—while the larger one uses PNG compression.

Star-and-circle icon stored at 128 by 128 pixels.

128 px bitmap · 67,624 bytes

Star-and-circle icon stored at 256 by 256 pixels.

256 px PNG · 13,294 bytes

Both pictures are displayed at the same width here. Byte counts cover each stored picture's data, not the whole ICO.

So pixel dimensions and file size answer different questions. Dimensions tell you how much room a picture has for detail; bytes tell you how much storage its saved form uses. Don't use either number as a substitute for looking at the icon.

Doing it in FluffyBench: create and check your ICO

FluffyBench's ICO converter bundles the sizes you choose into one file. Use the size list requested by the site or app receiving it. If you're preparing website icons, the favicon size guide explains which files different placements ask for.

Create your ICO from an image you can still edit. Keep that source for changes if the tiny version needs simpler shapes.

  1. FluffyBench ICO converter with ICO chosen, Choose images, and Settings.
    FluffyBench ICO converter with ICO chosen, Choose images, and Settings.
    Step 1. Choose your source image, confirm ICO under To, and open the ICO settings.
    1. Choose images opens your device’s file picker.
    2. To is already set to ICO on this page.
    3. The ICO gear button opens the size choices.
  2. Included sizes with 16, 32, 48 and 256 px checked.
    Included sizes with 16, 32, 48 and 256 px checked.
    Step 2. Match Included sizes to your destination’s request; the checked default set is an example.
    1. Each checked size adds a separate picture to one ICO.
  3. Settings toolbar button while the size panel is open.
    Settings toolbar button while the size panel is open.
    Step 3. Press the ICO gear button again to return to your image.
    1. The ICO gear button closes the size panel.
  4. Convert 1 to ICO button ready above the source image.
    Convert 1 to ICO button ready above the source image.
    Step 4. Press Convert 1 to ICO.
    1. Convert makes one ICO with the checked sizes.
  5. Completed ICO card with its output dimensions, total file size and Download arrow.
    Completed ICO card with its output dimensions, total file size and Download arrow.
    Step 5. Check the output readout, then use the Download arrow.
    1. Dimensions describe the largest picture; bytes cover the whole ICO.
    2. The Download arrow saves the ICO to your device.

FluffyBench's Image extractor opens the downloaded ICO's separate sizes. It gives you PNGs to inspect without changing the ICO you'll hand off.

  1. Image extractor intake with Choose files.
    Image extractor intake with Choose files.
    Step 1. Choose the ICO you just downloaded.
    1. Choose files opens the file picker for your ICO.
  2. Take set to Everything inside in FluffyBench Image extractor.
    Take set to Everything inside in FluffyBench Image extractor.
    Step 2. Leave Take on Everything inside so you can inspect every stored size.
    1. Everything inside extracts each stored picture as a PNG.
  3. Extract button ready for the selected ICO.
    Extract button ready for the selected ICO.
    Step 3. Press Extract.
    1. Extract opens the pictures stored in your ICO.
  4. The separate ICO sizes listed as extracted PNGs, each with Download.
    The separate ICO sizes listed as extracted PNGs, each with Download.
    Step 4. Find the smallest size in the results and download its PNG for a display-size check.
    1. 16 by 16 identifies the smallest picture in this example.
    2. Download saves that picture as a separate PNG.
  5. Download all ZIP button after extracting the ICO.
    Download all ZIP button after extracting the ICO.
    Step 5. If you need the complete set of PNGs, save them together.
    1. Download all (ZIP) saves the extracted PNGs together.

Here's the smallest PNG extracted from the walkthrough's ICO, beside its source reference. Check your own smallest picture without zooming in: can you still recognize the design?

Star-and-circle icon stored at 256 by 256 pixels.

Source reference, reduced for display

The walkthrough ICO's extracted 16 by 16 pixel star icon, shown at its own pixel dimensions.

Extracted PNG at display size

Rendered for illustration with the default ICO sizes. Use the extracted PNG for inspection and the ICO for handoff.

Need to extract the stored sizes from an ICO?

What should you check before handing off an ICO?

Open your ICO in the receiving app or site to check that it accepts the file and the icon looks right in place. A design that reads well in a large page image still needs to work in its tiny placement.

Illustrated browser tab with the small star icon beside a site title, above the same icon used on the page.

Illustration of an icon in a browser tab

Illustrated placement: the tab gives the icon much less room than the page image.
Search FluffyBench