Favicon size chart

Client

A favicon size chart is the fastest way to answer “which pixel row do I need?” Scan the table, upload your logo, and export the matching square—all on one page.

How to use this chart

Find your surface (tab, touch, PWA, WordPress). Note the pixel row. Upload art once, select that pixel button, download PNG, wire href in HTML or CMS.

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

  • Drop the chart link in internal wiki or ticket comments.
  • Compare platform requirements side by side before export.
  • Train new teammates on tab vs touch vs manifest pixels.

Common mistakes to avoid

  • Screenshotting the chart instead of exporting

    Use the export buttons to download real PNGs at each size.

  • Ignoring the “typical use” column

    Match the row to HTML rel types or manifest entries.

FAQ

Where can I see a favicon size chart?

The interactive table on this page lists standard squares and usage notes.

Is this different from the favicon sizes page?

Same data—this URL targets searches that say “chart” or “table.”

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.