What is ICO?

Learn what ICO files are, how they work, and why websites use them for favicons. Understand ICO format structure, multiple sizes, and how to create ICO files.

The ICO icon format explained: how it works, its specs, and when to use it.

ICO

What is ICO?

ICO (Icon) is a Windows image format that stores multiple sizes and color depths of a single icon in one file, primarily used for application icons and website favicons.

How ICO Works

ICO is the icon format built into Windows, and its defining feature is that a single ICO file holds multiple images at once. Where a normal image format stores one picture, an ICO is a small container, a directory listing followed by several image entries, each a different size of the same icon. A typical ICO bundles 16x16, 32x32, 48x48, and 256x256 versions together so the operating system can pick the right size for wherever the icon appears.

This multi-size design exists because icons are displayed at many different sizes across an interface: tiny in a list view, small on the taskbar, large on the desktop. Rather than scaling one image (which would look blurry or jagged at some sizes), Windows reads the ICO and chooses the embedded image closest to the size it needs, so the icon stays crisp everywhere. Designers often hand-tune the small sizes separately, since a 16x16 icon needs simpler artwork than a 256x256 one to stay legible.

Inside the container, each image entry can be stored either as a BMP-style uncompressed bitmap or, in modern ICO files, as embedded PNG data, which is used for the larger sizes to keep the file smaller. ICO also supports transparency, essential for icons, which must sit cleanly on any background, originally through a 1-bit mask and now through full PNG alpha transparency.

ICO and Favicons

Beyond the Windows desktop, ICO's most visible role is the favicon, the small icon shown in a browser tab, bookmark, or address bar. For years the convention was a favicon.ico file in a website's root, and ICO's multi-size capability fit this perfectly, since browsers and devices request favicons at various sizes. While modern sites increasingly also provide PNG and SVG icons through HTML link tags, the ICO favicon remains a reliable baseline that virtually every browser understands.

When to Use ICO

Use ICO specifically for what it is designed for: application icons on Windows and website favicons. For these, its ability to package multiple sizes in one file is a genuine advantage no ordinary image format offers. Outside those uses, ICO has no purpose, you would never store a photo or a general graphic as ICO. When you need an icon, you typically design it at a large size in another format (PNG or SVG) and then export an ICO that bundles the required sizes.

Limitations

ICO is a narrow, special-purpose format. It is not a general image format: it is meant only for icons, so it is not used for photos, illustrations, or web content images. It is also Windows-centric in origin, although favicon support has made it broadly understood by browsers. And while it can hold reasonably large sizes (up to 256x256 commonly), it is not intended for big images. For anything other than an application icon or a favicon, a standard format like PNG or SVG is the right choice.

ICO vs Other Image Formats

FeatureICOPNGSVG
TypeRaster (container)[4]RasterVector
Multiple sizesYes[4]NoScalable
TransparencyYes[3]YesYes
Browser supportFavicons[1]UniversalUniversal
Standardized byMicrosoft[3]W3C, ISOW3C
Best forIcons, faviconsGeneral imagesScalable icons

ICO bundles several icon sizes in one file for favicons and app icons, while PNG and SVG serve broader image and scalable-graphic needs.

Advantages & Disadvantages

Advantages

Multi-resolution | FileFormer, A single ICO file can contain 16x16, 32x32, 48x48, and 256x256 versions - Windows picks the right size automatically.

Universal Favicon Support | FileFormer, Every browser and operating system supports ICO for favicons without any extra configuration.

Transparency Support | FileFormer, Full alpha channel transparency in 32-bit ICO allows icons to look perfect on any background.

Small Files | FileFormer, Icon sizes are tiny - a full multi-resolution ICO file is typically only 50-200KB.

Disadvantages

Maximum 256x256 | FileFormer, ICO cannot store images larger than 256x256 pixels, limiting use to icon purposes only.

Complex Creation | FileFormer, Creating proper multi-resolution ICO files requires specialized tools - not supported by standard image editors.

Windows-centric | FileFormer, ICO originated as a Windows format; macOS uses ICNS instead, requiring format conversion.

Limited Color Accuracy | FileFormer, Older ICO variants had limited color palettes; modern 32-bit ICO resolves this but compatibility varies.

Common Use Cases

Here are the most common scenarios where ICO is the right choice:

Website Favicons | FileFormer

The browser tab icon that appears next to your site name - ICO is the most universally compatible format.

Windows Applications | FileFormer

Desktop application icons shown in taskbars, start menus, and file explorers.

Desktop Shortcuts | FileFormer

Custom icons for Windows desktop shortcuts and folder icons.

Browser Bookmarks | FileFormer

Icons shown in bookmark lists and browser history for quick visual identification.

ICO Technical Specifications

DeveloperMicrosoft[1]
File Extension.ico[1]
CompressionNone or PNG compression[1]
Color Depth1-bit to 32-bit[1]
TransparencyYes (1-bit and alpha)[1]
Multiple SizesYes (multi-resolution)[1]
Max Size256x256 pixels[1]
MIME Typeimage/x-icon[1]

Frequently Asked Questions

What size should a favicon ICO be?

A good favicon.ico includes at least 16x16 and 32x32 sizes. Modern sites often also include 48x48 for Windows taskbar display.

Can I use PNG instead of ICO for favicons?

Yes, modern browsers support PNG favicons. But ICO ensures compatibility with older browsers and Windows integration.

How do I create an ICO file?

Use online converters, GIMP (with ICO plugin), IcoFX, or Photoshop plugins. Most standard image editors cannot save ICO natively.

Why does my favicon not show up?

Clear browser cache, ensure the file is named favicon.ico in the root directory, and check the link tag in your HTML head section.

What is the difference between ICO and ICNS?

ICO is the Windows icon format; ICNS is the macOS equivalent. Web favicons use ICO for universal compatibility.

References

  1. ICO image type - MDN Web Docs
  2. rel icon - MDN Web Docs
  3. Bitmap Storage (icon/bitmap structures) - Microsoft Learn
  4. ICO (file format) - Wikipedia