Favicon size for website

Client

When people search “favicon size for website,” they want a practical checklist—not theory. Ship 32×32 for tabs, 180×180 for iOS home screen, and 512×512 when your CMS or manifest asks for it. Upload once and export each square below.

Website favicon checklist

Tab icon (32×32 PNG), apple-touch-icon (180×180), optional 16×16 legacy, manifest icons (192 + 512) if installable, CMS site icon (often 512). Copy HTML link tags from the HTML snippets page after export.

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

  • Launch a new marketing site with the minimum viable favicon set.
  • Answer client questions about website icon pixels without opening design tools.
  • Export each required size from one logo upload before deploy.

Common mistakes to avoid

  • Using the same 16×16 file everywhere

    Retina tabs and mobile home screens need larger squares.

  • Forgetting manifest icons on installable PWAs

    Add 192×192 and 512×512 manifest entries alongside tab PNGs.

FAQ

What favicon size does a website need?

At minimum: 32×32 px for tabs, 180×180 for Apple touch, 512×512 for many CMS site icons and PWA manifests.

Can one PNG work for an entire website?

One size rarely covers every surface. Export multiple squares or use the favicon generator for the full set.

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.