Website icon size

Client

Website icon size is the pixel width and height of the small square image browsers show in tabs, bookmarks, and mobile home screens—the same targets as favicon size. Upload your logo below for an instant dimension readout and export standard sizes locally.

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.

Website icon, favicon, site icon—same pixels

Different names, same job: a square image linked from your HTML head or web manifest. Browsers do not care what you call it—they read width×height in pixels. This page uses website icon size phrasing; the export targets match every favicon chart on Toolcore.

Where website icon size matters

Browser tabs and bookmark bars: 32×32 px. iOS/Android home screen when saved: 180×180 px apple-touch-icon. WordPress Site Icon field: 512×512 px minimum. Installable PWAs: 192×192 and 512×512 in manifest.json.

Check dimensions before you deploy

Upload your current file to see if it is already 32×32, 180×180, or another standard square. If not, pick the closest row in the chart and export—center crop preview shows how wide logos behave 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

  • Explain website icon pixel requirements to stakeholders who avoid the word favicon.
  • Verify an agency-delivered icon before production deploy.
  • Export corrected squares after a rebrand or CMS migration.

Common mistakes to avoid

  • Confusing website icon with Open Graph image

    OG images are large rectangles (often 1200×630); favicons are small squares under 512 px.

  • Using one oversized PNG everywhere

    A 1024×1024 upload may work in CMS but tabs still need a crisp 32×32 export.

  • Skipping apple-touch-icon

    Mobile home screen bookmarks use 180×180 px—tabs alone leave iOS with a scaled blur.

FAQ

What is the standard website icon size?

32×32 px PNG for tabs is the common baseline; add 180×180 and 512×512 for touch and manifests.

Is website icon size the same as favicon size?

Yes—both refer to square pixel dimensions for site icons in browsers and manifests.

How do I check my website icon dimensions?

Upload the file below—the tool reports width×height in pixels without uploading to a server.

Do I need different sizes for desktop and mobile?

Same logo, different exports: 32×32 for tabs, 180×180 for Apple touch, 512×512 for PWA or WordPress Site Icon.

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.