What size should a favicon be?

Client

This is the plain-language version of the favicon size question. Start with 32×32 for tabs, add 180×180 for iOS, and 512×512 when WordPress or a PWA manifest asks for it—then upload and export below.

Minimum set most sites ship

32×32 (tab), 180×180 (Apple touch), 512×512 (PWA / WordPress). Add 16×16 if you support legacy .ico workflows. The favicon generator exports this set in one pass.

Standard favicon sizes

Square PNGs are typical. Pick one target size below after upload, or use the favicon generator to download every common size at once.

SizeTypical use
16×16Classic browser tab icon (1× DPI)
32×32Tab icon on retina / Windows shortcut
48×48Windows site pinned tile
64×64High-DPI tab fallback, some extensions
96×96Google TV / some launcher grids
128×128Chrome Web Store listing icon
180×180Apple touch icon (iOS home screen)
192×192Android Chrome / manifest icon
256×256Desktop PWA / maskable baseline
512×512PWA splash / maskable icon

WordPress favicon size

Under Appearance → Customize → Site Icon, WordPress expects a square image at least 512×512 px. The CMS scales it down for browser tabs and the admin bar. Upload a logo, then export 512px below—or use the favicon generator for a full PNG set.

Favicon .ico size

A classic favicon.ico file is not one pixel dimension—it bundles multiple square layers (16×16, 32×32, 48×48 px are typical). Browsers pick the best layer for the tab. This page exports PNG at one size; download 16, 32, 48 px separately if you need to build an .ico offline.

We read width and height locally, then resize with center crop. Max 8 MB.

Export size

?

Choose the pixel size your HTML link, manifest, or platform expects. Preview shows how center crop will look at that size.

Common use cases

  • Pick a minimum viable favicon set for a launch checklist.
  • Translate stakeholder questions into concrete pixel exports.
  • Avoid shipping only one tiny icon that looks blurry on retina tabs.

Common mistakes to avoid

  • Copying a competitor’s single favicon.ico without checking

    Their stack may still serve multiple PNG sizes via link tags. View source or use devtools.

  • Forgetting manifest icons when you add PWA meta

    manifest.json icons are separate from favicon link tags.

FAQ

What size should a favicon be for Google Chrome?

32×32 px PNG is typical for tabs; 192×192 and 512×512 if you ship a manifest.

What size for iPhone home screen?

180×180 px apple-touch-icon PNG is the usual target.

Common search terms

Phrases people search for that match this tool. See the full long-tail keyword index.

  • favicon size
  • favicon sizes
  • favicon dimensions
  • favicon image size
  • size of a favicon
  • size of favicon
  • favicon ico size
  • wordpress favicon size
  • favicon size 32x32
  • favicon 16x16
  • apple touch icon 180x180 size
  • pwa favicon size 512
  • favicon html link tag
  • favicon size for website
  • website icon size
  • recommended favicon size
  • ideal favicon size
  • favicon size chart
  • favicon width and height
  • browser tab favicon size
  • standard favicon dimensions
  • what size should favicon be

More tools

Related utilities you can open in another tab—mostly client-side.