Best Favicon Sizes for Websites

There are dozens of recommendations online. Here's the minimal set that actually covers 100% of users.

5 min read

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

What browsers request

Desktop browsers request 16×16 (tab), 32×32 (bookmark bar), and 48×48 (search results). All three live happily inside one .ico file.

What operating systems request

Windows Start menu and File Explorer can request up to 256×256. macOS prefers an .icns but accepts .ico. Bundle 16, 32, 48, 64, 128, 256 in your .ico to cover everything.

What PWAs and mobile request

Add 180×180 (apple-touch-icon) and 192×192 + 512×512 PNGs (web manifest) for clean home-screen installs.

The minimum viable set

Multi-size favicon.ico + apple-touch-icon.png (180×180) + a 512×512 PNG in your manifest. That's it.

FAQ

What is the best favicon size for websites?

Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.

What favicon size do browsers use in tabs?

Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.

What is the minimum favicon setup?

A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.

Do I need a 256×256 favicon?

Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.

Related guides

Try the tools

Continue reading