## Why You Need Multiple Favicon Sizes
A favicon is no longer just a 16×16 pixel `.ico` file shown in a browser tab. Today, website icons appear on smartphone home screens, Google search result snippets, browser bookmarks, taskbars, and PWA launch screens.
Providing the correct resolutions ensures your brand mark looks crisp and professional everywhere.
---
## Essential Favicon Sizes for Modern Websites
* **16×16 px:** Classic browser tab icon for standard definition screens.
* **32×32 px:** Standard browser tab icon for high-DPI (Retina) screens.
* **48×48 px:** Windows site shortcut and browser bookmark managers.
* **180×180 px:** **Apple Touch Icon** used when users save your site to their iOS iPhone or iPad home screen.
* **192×192 px:** Android Chrome home screen launcher icon.
* **512×512 px:** Progressive Web App (PWA) splash screen and high-res app stores.
---
## Recommended HTML Markup
Place the following standard tags inside your website's `` element:
```html
```
---
## How to Generate All Sizes Instantly
Rather than manually resizing graphics in Photoshop or Figma, use our [Favicon Generator](/favicon-generator). Simply upload your logo (PNG or SVG) and download the entire icon set package with clean HTML code ready to paste into your project.