A favicon is the small icon that appears in browser tabs, bookmarks, and history — it is one of the smallest but most important branding elements on any website. Getting your favicon right across all browsers and devices requires several different sizes, and the requirements have expanded significantly as devices became more diverse.
Standard Browser Favicon (ICO / PNG)
The classic favicon.ico file should contain multiple sizes: 16×16px, 32×32px, and 48×48px. Modern browsers primarily use the 32×32px version for tabs, while 16×16px was the historical standard. The ICO format packages multiple sizes into a single file, so browsers can pick the most appropriate one.
Alternatively, many developers now use a high-resolution PNG favicon at 32×32px linked directly in the HTML head, which works across all modern browsers without requiring an ICO file.
Apple Touch Icon (iOS & macOS Safari)
When users add your website to their iPhone or iPad home screen, iOS uses the Apple Touch Icon. The recommended size is 180×180 pixels — used by all iPhone models from iPhone 6 onwards. Use PNG format. iOS automatically adds rounded corners and a gloss effect (on older iOS versions), so do not add these yourself.
Android & Chrome Web App Icon
For Android home screen icons and Progressive Web Apps (PWAs), you need icons at 192×192px and 512×512px. These are specified in your web app manifest file. The 512×512px version is used for splash screens when the app loads.
Windows Tiles & SVG Favicon
For Windows pinned sites, provide a 150×150px PNG. Modern browsers including Firefox and Chrome also support SVG favicons, which are infinitely scalable and ideal for simple logos or monogram icons. An SVG favicon defined in your HTML head will display crisp at any resolution.
Complete Favicon Size Checklist
Use our image resizer to generate all these sizes from a single high-resolution source image. Start with your logo at 512×512px or larger, then resize down to each required dimension.
Frequently Asked Questions
Common questions about web design image sizes and optimization.
What size should a favicon be?
A complete favicon set includes 16x16px and 32x32px for browsers, 180x180px for Apple Touch Icon on iOS, 192x192px and 512x512px for Android and PWAs. The most important single size for modern browsers is 32x32px.
What format should a favicon be?
Use ICO format for maximum browser compatibility, or PNG for modern browsers. SVG favicons are increasingly supported and scale perfectly at any resolution — ideal for simple logos.
How do I create a favicon?
Start with your logo as a high-resolution PNG (512x512px minimum). Use an image resizer to create each required size, then link them in your HTML head using the appropriate link tags for each size.
Why does my favicon look blurry?
A blurry favicon is usually caused by uploading a low-resolution image that gets scaled up. Always start with a 512x512px or larger source image and scale down to the required sizes.
Resize Your Favicon Images Free
Free, instant, no signup required. No watermarks.
Use the Tool Free →