ImageConvert Convert image

WEB ICONS GUIDE

Favicon Sizes Guide

A crisp favicon helps users recognize your site in tabs and bookmarks. The right sizes and file types keep icons sharp on every screen.

Common favicon sizes for websites

Browsers still expect a classic 16×16 pixel favicon in the tab bar, but modern pages should also ship 32×32 for high-DPI displays and 48×48 where older Windows shortcuts read icons.

Apple touch icons are typically 180×180 for iPhone home screens. Android and PWA manifests often list 192×192 and 512×512 for launcher and splash assets.

ICO vs PNG for favicons

ICO files can bundle multiple resolutions in one download, which helps legacy browsers that only request favicon.ico from the site root.

PNG favicons are simpler to generate and work well when you reference each size explicitly in HTML link tags. Use PNG when your stack does not need a single multi-size ICO file.

Start from a square, high-resolution source

Design or export your mark as a square image at least 512×512 pixels. Downscaling from a large square keeps edges clean; upscaling a tiny logo causes blur and jagged pixels.

Keep important detail inside a safe center area because some platforms apply rounded masks or circular crops on app icons.

Avoid blurry or pixelated icons

Never stretch a wide logo into a square without padding; add balanced whitespace or a simplified glyph so the icon reads at 16×16.

Export each required size explicitly instead of relying on the browser to resize one small file. Sharp 32×32 and 180×180 assets look noticeably better than a single 16×16 upscale.

Related converters and format hubs

Useful image tools