Favicon size cheat sheet

Client

A cheat sheet you can bookmark: every common favicon pixel size, which HTML tag or CMS field uses it, and buttons to export after upload.

Minimum deploy set

Fast path: 32×32 tab PNG, 180×180 apple-touch-icon, 512×512 Site Icon or PWA icon. Optional: favicon.ico with 16/32/48 layers for legacy hosts.

Quick answer: what size should a favicon be?

Most websites ship 32×32 px for browser tabs, 180×180 px for Apple touch icons, and 512×512 px for WordPress Site Icon or PWA install prompts. Classic favicon.ico files embed 16, 32, and 48 px layers—not a single dimension.

Upload your logo below to read its pixel size, pick a target, and export PNG—or use the favicon generator for every common size at once. Full chart: 16×16, 32×32, 48×48, 64×64… and more in the table.

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

  • Pin a single cheat sheet instead of scattered blog posts.
  • Copy HTML link blocks after exporting matching PNGs.
  • Onboard developers with one Toolcore URL.

Common mistakes to avoid

  • Cheat sheet without exporting

    Sizes are useless if deployed files do not match—upload and download here.

  • Forgetting manifest icons

    PWAs need 192 and 512 entries—not just tab favicons.

  • Using cheat sheet KB limits

    This sheet is pixel dimensions only.

FAQ

What is on the favicon cheat sheet?

16–512 px rows, typical use, WordPress and .ico notes, plus export buttons.

Can I copy HTML too?

Yes—set asset path and copy link tags from the HTML section after export.

Printable?

Browser print works on the chart; export PNGs separately for deploy.

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
  • tamaño de favicon
  • tamaño del favicon
  • favicon size cheat sheet
  • check favicon dimensions online
  • 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
  • how to add favicon
  • how to create favicon
  • wordpress site icon size
  • favicon size wordpress
  • android favicon size
  • iphone favicon size
  • mobile favicon size
  • make favicon from png
  • favicon size list
  • favicon size table
  • favicon pixel size
  • best favicon size
  • correct favicon size
  • favicon sizes and dimensions
  • favicon.ico size
  • size of favicon ico
  • website favicon size
  • standard favicon size
  • favicon size in pixels
  • how big is a favicon
  • favicon resolution
  • apple touch icon size
  • what is the favicon size
  • best size for favicon
  • favicon standard size
  • web favicon size
  • site favicon size

More tools

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