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.

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

Explore FetchFavicon

Categories

Converters

Utilities

Guides

Tutorials