Favicon size chart

Client

Standard sizes in one chart: 32×32 tabs, 180×180 Apple touch, 512×512 WordPress or PWA. Upload a logo to read its pixel size and export one square PNG—locally, no upload. Need every common size in one pass? Use the favicon generator.

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.

  • 32×32 — browser tabs (most common)
  • 180×180 — iOS / iPadOS home screen
  • 512×512 — WordPress Site Icon
  • 192 / 512 — PWA manifest icons

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.

Favicon size, favicon sizes, and standard dimensions

Queries like “favicon size”, “favicon sizes”, “favicon dimensions”, “size of a favicon”, and “website favicon size” usually need a pixel reference—not a file converter alone. This page lists standard square sizes (16 through 512 px), explains WordPress Site Icon and apple-touch-icon targets, and lets you upload locally to read width×height before exporting one PNG.

For WordPress Site Icon, use at least 512×512 px. For classic favicon.ico files, plan for 16, 32, and 48 px layers inside the ICO container.

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.

HTML link tags

Set the folder where PNGs will live (site root is /). Copy tags into your document <head>.

Current export (32×32)

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

Full favicon block

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">

Manifest icons JSON

"icons": [
    { "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512x512.png", "sizes": "512x512", "type": "image/png" }
  ]

Export size

?

Choose the pixel size your HTML link, manifest, or platform expects. Preview shows how center crop will look at that size.

Nearby workflows on Toolcore

  • Favicon generator — to download 16, 32, 48, 180, and 512 px PNGs in one pass.
  • Image resize — when the source artwork is not square before favicon export.
  • Meta tags — to wire apple-touch-icon and manifest icons in HTML.
  • Image crop — to square-crop a logo with padding before resizing.

Common use cases

  • Look up favicon dimensions before updating HTML link tags or a PWA manifest.
  • Confirm whether an uploaded logo is 32×32, 180×180, or another standard favicon image size.
  • Export exactly 512×512 for WordPress Site Icon or 180×180 for apple-touch-icon without downloading every size.

Common mistakes to avoid

  • Using one tiny PNG for every context

    Tabs often use 32×32 while Apple touch expects 180×180. Ship multiple sizes or use the favicon generator for a full set.

  • Uploading a wide banner without padding

    Center crop keeps the middle square—logos need safe margins so text is not clipped at 16×16.

  • Expecting this page to build a .ico file

    Export is PNG at one chosen size. Classic .ico files bundle 16, 32, and 48 px layers—export those PNGs and combine with an external ICO tool if required.

FAQ

What size should a favicon be?

For modern sites, 32×32 px is the most common tab icon; add 16×16 for legacy contexts, 180×180 for Apple touch, and 192×192 / 512×512 for Android PWA manifests. Many teams ship at least 32, 180, and 512.

What are standard favicon dimensions?

Square pixels: 16, 32, 48, 64, 96, 128, 180, 192, 256, and 512 are widely referenced. The table on this page maps each size to typical use (tabs, Windows tiles, iOS home screen, PWA).

What is the WordPress favicon size?

WordPress Site Icon asks for a square image at least 512×512 px. WordPress generates smaller sizes for the admin bar and front-end; upload 512×512 PNG (or use the export button here) for best quality.

What is favicon .ico size?

A single .ico file often contains 16×16, 32×32, and 48×48 pixel layers inside one binary. Browsers pick the best layer. This tool exports PNG—you can download 16, 32, and 48 separately and merge them into .ico elsewhere.

What is the size of a favicon?

Most sites use a 32×32 px favicon in browser tabs. Legacy contexts may still request 16×16; iOS home-screen icons use 180×180 (apple-touch-icon); PWA manifests often list 192×192 and 512×512.

What is the best favicon size for a website?

Ship at least 32×32 for tabs, 180×180 for Apple touch, and 512×512 for WordPress Site Icon or Android install prompts. A single 512×512 master PNG can be downscaled; tiny 16×16-only art looks blurry when scaled up.

What is favicon size in pixels?

Favicon dimensions are always square pixel counts—never DPI. Common widths/heights are 16, 32, 48, 180, 192, and 512. Upload your file here to read its exact pixel size before export.

Is my image uploaded to a server?

No. Dimension read and resize run on canvas 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
  • 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.