---
title: Favicon Sizes: Every Dimension You Actually Need
description: Complete guide to favicon sizes. Every dimension for browsers, iOS, Android and PWA, which ones are essential, and where each file goes.
canonical: https://favicontools.com/glossary/favicon-sizes
---

# Favicon Sizes: Every Dimension You Actually Need

The favicon sizes you need are 16x16 and 32x32 PNG for browser tabs and bookmarks, 180x180 for the iOS apple-touch-icon, and 192x192 plus 512x512 PNG for Android home screens and PWA install. A favicon.ico holding 16, 32 and 48 pixel entries covers anything that requests /favicon.ico directly. Every other size is optional, and most sites ship none of them.

## Why more than one size

A browser tab asks for an icon roughly 16 to 32 pixels wide. An Android home screen asks for 192. A PWA splash screen asks for 512. These are not the same picture scaled. At 16 pixels a mark has about 256 pixels to work with, and anything that survives there has to be far simpler than what looks right at 512.

When you declare several sizes, the browser picks the closest match and scales from there. Declaring only a large icon means every small surface downsamples it, which is where the grey smudge in the tab comes from. Declaring only a small one means every large surface upscales it, which is where the blurry home screen icon comes from.

## Core favicon sizes

| Size | Used for | Priority |
| --- | --- | --- |
| 16x16 | Address bar, legacy browsers, bookmarks | Essential |
| 32x32 | Browser tabs, modern browsers | Essential |
| 96x96 | Desktop shortcuts, Windows tiles | Optional |
| 192x192 | Android home screen, PWA icons | Essential |
| 512x512 | Splash screens, high-res icons | Essential |

## What those numbers look like

- 16x16
- 32x32
- 48x48
- 96x96
- 180x180

True pixel dimensions, not scaled for display. Check your own mark at 16px before you ship anything else.

## Apple touch icon sizes

| Size | Device |
| --- | --- |
| 57x57 | iPhone (non-retina) |
| 60x60 | iPhone (retina) |
| 72x72 | iPad (non-retina) |
| 76x76 | iPad (retina) |
| 114x114 | iPhone (retina) |
| 120x120 | iPhone (retina HD) |
| 144x144 | iPad (retina) |
| 152x152 | iPad (retina HD) |
| 180x180 | iPhone (retina HD) primary |

## Where the files go

```
public/
  favicon.ico  # 16, 32 and 48 in one file
  favicon-16x16.png  # Address bar
  favicon-32x32.png  # Browser tabs
  favicon-96x96.png  # Desktop shortcuts
  apple-touch-icon.png  # 180x180, iOS home screen
  icon-192.png  # Android home screen
  icon-512.png  # PWA splash screen
  manifest.json  # Lists the PWA icons
```

Flat in the public root is the convention because several of these are also requested by path, with no link tag involved.

> **Author at 512, export downward:** Keep the source artwork at 512x512 or larger, and generate every smaller size from it. Downscaling from a high-resolution master keeps edges clean; upscaling a 32px PNG to 192 never recovers the detail.

## Favicon size FAQ

### What is the minimum set of favicon sizes?

A favicon.ico containing 16 and 32, a 180x180 apple-touch-icon.png, and 192x192 and 512x512 PNGs listed in your web app manifest. That covers desktop browsers, iOS home screens, Android and PWA install with five files.

### Do I still need 57x57 and 72x72 for iOS?

Only if you support very old iPhones and iPads. Current iOS uses the 180x180 apple-touch-icon and scales it down where it needs something smaller, so a single 180 is enough for almost every site.

### Does a bigger favicon slow the page down?

No meaningfully. Icons are small PNGs measured in single-digit kilobytes and browsers request only the size they need, plus they are cached aggressively. Shipping a 512 you never use costs less than a blurry home screen icon.