Standard 16x16 and 32x32 Favicons for Browser Tabs

Standard Browser Tab Favicons: 16x16 and 32x32

The 16x16 and 32x32 pixel favicons are the most fundamental sizes and the ones users encounter most frequently. They appear in browser tabs, the address bar, browser history, and bookmark lists.

The 16x16 Challenge

At 16x16 pixels, you have a canvas of only 256 pixels. This extreme constraint means:

• Text is unreadable — even a single letter barely fits at this size
• Fine details disappear — thin lines, gradients, and subtle features are lost
• Color matters more — bold, high-contrast color combinations are essential
• Simple shapes win — geometric icons with clear silhouettes work best

Good at 16x16:          Bad at 16x16:
┌────────────────┐      ┌────────────────┐
│  ████████████  │      │ Hello World Co │
│  ██        ██  │      │   Since 1985   │
│  ██  ████  ██  │      │  ~~~~~~~~~~~~  │
│  ██        ██  │      │  Professional  │
│  ████████████  │      │   Services     │
└────────────────┘      └────────────────┘
  Simple bold shape       Too much detail

The 32x32 Advantage

The 32x32 size provides four times the pixel count of 16x16. This allows for:

• Slightly more detail and definition
• Better anti-aliasing on curves and diagonals
• Small text elements (one or two characters) become viable
• Gradients can be used sparingly

Pixel Hinting

For the sharpest results at small sizes, consider pixel hinting — manually adjusting your design so that key edges align exactly with the pixel grid. This prevents the blurriness caused by anti-aliasing when lines fall between pixels.

File Format Considerations

For 16x16 and 32x32, PNG is the standard format. The traditional ICO format can bundle both sizes into a single file, which some older browsers expect at /favicon.ico. Modern browsers work perfectly with PNG files referenced via <link> tags.