Guide

Favicon Sizes Explained

Browsers, operating systems, and install prompts each request a different favicon resolution. This guide maps every common size to its surface so you know exactly what to generate from one source image.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

16×16 and 32×32 power browser tabs and bookmarks on standard- and 2× displays. They belong inside favicon.ico and as optional standalone PNGs.

48×48 and 64×64 cover Windows Explorer, taskbar pins, and some search snippets.

128×128 and 256×256 are used inside multi-size .ico files and high-DPI Windows UI.

180×180 is the apple-touch-icon for iOS home screen. 192×192 and 512×512 are required for Android and Chromium PWA install UIs.

How it works

  1. 1

    Pick a square source

    512×512 PNG or SVG with a square viewBox.

  2. 2

    Export the full set

    Use our favicon generator for .ico, apple-touch-icon, and manifest PNGs.

  3. 3

    Link each size

    Copy paste-ready <link> tags from the package README or HTML generator guide.

Try it now

Generate every favicon size

Favicon Generator

FAQ

How many favicon sizes do I actually need?+

Minimum: multi-size .ico (16/32/48) + 180 apple-touch-icon. Recommended: add 192 and 512 for PWA.

Can one image work for all sizes?+

Yes — start from 512×512 or SVG and export every size programmatically. Never upscale a tiny logo.

Which size matters most for SEO?+

Google uses at least 48×48 in search. Ship 48 inside your .ico and as a standalone PNG.

Related tools

Related guides

Guides