Favicon dimensions

Client

Favicon dimensions mean pixel width and height—not file size in kilobytes. Upload your icon here for an instant readout, see which standard size it matches, and export a corrected square PNG without sending your logo to a server.

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.

Reading the dimension line

After upload, the tool shows your file’s exact width×height. Exact match means your image already equals a row in the standard table. Closest match suggests which export button to use when your art is an odd square like 400×400 or 1000×1000.

Standard favicon dimension grid

Browser tabs: 32×32 px (16×16 optional legacy). Apple home screen: 180×180 px. WordPress Site Icon and many PWA manifests: 512×512 px minimum, often plus 192×192. Classic favicon.ico bundles 16, 32, and 48 px layers inside one binary—not a single dimension.

When dimensions are wrong

Too large (e.g. 2000×2000): export down to 512×512 or 32×32 rather than uploading the full file. Too small (e.g. 16×16 only): upscaling blurs—redesign from vector or a 512×512 master. Non-square: add transparent padding so center crop keeps your mark visible at tab size.

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

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

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

  • Confirm width×height before deploying a new favicon to production.
  • Spot marketing squares (like 500×500) that need export to 512×512 for WordPress or PWA.
  • Preview how center crop affects wide logos when scaled down to 32×32 tab size.

Common mistakes to avoid

  • Assuming any square image is valid

    500×500 is square but not a standard favicon dimension—export to the target your platform lists.

  • Ignoring non-square uploads

    Rectangular logos lose edges when cropped—add padding in a graphics tool first.

  • Trusting filename over pixels

    Always read width×height; names like favicon-32.png are often wrong.

FAQ

How do I check favicon dimensions?

Upload the file below—we report width×height in pixels in your browser.

What dimensions do browsers use?

Tabs commonly use 32×32 px; Apple touch uses 180×180; PWAs list 192 and 512 in manifests.

Are favicon dimensions in inches?

Browsers use pixels only. DPI metadata does not change the pixel grid.

What if my dimensions do not match a standard size?

Use the closest-match hint and export to 32, 180, or 512 px—or Download starter set for all three.

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.