Favicon Sizes and Dimensions Guide
Favicons are requested at several pixel dimensions across browsers, bookmarks, mobile home screens, and web app manifests. This guide maps the favicon image sizes you actually need.
About Favicon sizes and dimensions
A favicon is not just one image size. Modern websites usually publish a small set of favicon files so browsers and devices can choose the right dimensions for each context.
Core favicon sizes: 1. 16x16 px - browser tab icon and the smallest common favicon size. 2. 32x32 px - high-DPI browser tabs and common modern favicon references. 3. 48x48 px - Windows taskbar, older browser compatibility, and multi-size ICO files. 4. 180x180 px - Apple Touch Icon for iPhone and iPad home screen shortcuts. 5. 192x192 px - Android home screen icon and web app manifest icon. 6. 512x512 px - large web app manifest icon, splash screen source, and high-quality source image.
For most standard websites, generate favicon.ico with 16x16, 32x32, and 48x48 inside it, plus favicon-32x32.png, apple-touch-icon.png at 180x180, and Android icons at 192x192 and 512x512. This gives broad browser and device coverage without overcomplicating the setup.
Favicon dimensions depend on format. ICO is a container that can hold several sizes in one file. PNG favicons are single-size files linked with a sizes attribute. SVG favicons are vector files, but they still need PNG or ICO fallbacks for complete support.
Use a 512x512 or 1024x1024 PNG or SVG source image when possible. A large source image gives the generator enough detail to downsample cleanly to small favicon sizes. Low-resolution source images can look blurry at 32x32 and broken at 16x16.
After choosing sizes, use the favicon creation workflow to generate and install the files. For format decisions, compare ICO, PNG, and SVG in the favicon format guide, or review ICO vs PNG favicon sizing for browser compatibility tradeoffs.