Favicon size guide

Client

The query “favicon size” usually means one thing: which square pixel dimensions your site needs. This guide maps every common size to its surface, lets you upload a logo, and exports the PNG you pick—all locally.

Standard favicon sizes at a glance

16×16 and 32×32 cover browser tabs and shortcuts. 48×48 appears in some pinned-tile contexts. 180×180 is the usual apple-touch-icon. 192×192 and 512×512 appear in web app manifests. WordPress Site Icon expects at least 512×512.

Use the table in the tool below as your source of truth, then export exactly the row your HTML, CMS, or manifest references.

Recommended workflow

Start from vector or high-resolution square art. Upload here to read dimensions. Export each target size (or run the favicon generator for the full PNG pack). Copy HTML link tags from the HTML snippets page. Deploy and hard-refresh to bypass cache.

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

  • Answer the #1 search intent: standard favicon size for browser tabs vs touch icons vs manifests.
  • Upload once, read width×height, then export 32×32, 180×180, or 512×512 without guessing.
  • Share one bookmarkable page with the chart, checker, and export instead of scattered blog posts.

Common mistakes to avoid

  • Treating favicon size as a single number

    Tabs, iOS home screen, and PWA install UI read different squares. Ship at least 32, 180, and 512 px—or use the favicon generator for the full set.

  • Skipping dimension check on upload

    A square 500×500 file is not the same as a standard 512×512 manifest icon. Read dimensions before export.

  • Expecting one PNG to satisfy every platform

    WordPress Site Icon, apple-touch-icon, and manifest icons each have well-known targets. Match the row before you deploy.

FAQ

What size should a favicon be?

For most sites: 32×32 px for browser tabs, 180×180 for Apple touch, 192×192 and 512×512 for PWA manifests, and 512×512 for WordPress Site Icon. Legacy stacks may still reference 16×16 or favicon.ico layers.

What is the most common favicon size?

32×32 px PNG is the usual modern tab icon. Many teams also ship 16×16 for older contexts and larger squares for mobile home screens.

Is favicon size the same as dimensions?

Yes—width and height in pixels on a square image. Non-square uploads are center-cropped on export.

Does this page upload my logo?

No. Dimension read and resize run in your browser only.

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.