Webflow favicon size

Client

Webflow sites still need square tab and touch icons. Typical guidance: 32×32 and larger PNG. Upload below to export the PNG size your theme or CMS expects.

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

  • Prepare a Webflow favicon upload without leaving the browser.
  • Confirm Webflow favicon requirements before updating HTML link tags or a CMS upload field.
  • Export a square PNG locally after upload—no server processing of your logo.

Common mistakes to avoid

  • Using a non-square logo without padding

    Center crop helps but cannot fix edge-to-edge text. Add margin before export.

  • Uploading a non-square banner to Webflow favicon fields.

FAQ

What favicon size does Webflow use?

Check Webflow docs for the latest minimum; 32×32 and larger PNG is a practical target before export.

Can I export the PNG in my browser?

Yes. Upload your image, pick the target pixel size, and download—processing stays on your device.

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.