Favicon Sizes Guide - Complete Specifications for 2025
Complete favicon size guide: 16×16, 32×32, 180×180, 192×192, 512×512. Learn which sizes you need for browser tabs, iOS, Android, and Windows.
Favicon sizes can feel overwhelming—there are dozens of possible sizes, and every platform seems to want something different. The good news? You don't need all of them. Most modern sites use just 5-7 core sizes that cover 99% of use cases.
This guide shows you exactly which favicon sizes you need in 2025, what each size is used for, and how to export them from our Image Converter without wasting time on outdated sizes.
How browsers pick favicon sizes
When a browser needs a favicon, it looks at all the sizes you've provided and picks the one closest to what it needs. If you provide a 32×32 icon but the browser wants 16×16, it'll scale down the 32×32 version. This works, but it's not ideal—scaling can make icons blurry.
That's why you should provide multiple sizes. But you don't need every size from 16×16 to 512×512. A small, well-chosen set (5-7 sizes) covers desktop tabs, mobile home screens, and high-DPI displays without bloating your site.
SVG favicons are great because they scale perfectly to any size. But not all platforms support SVG yet (looking at you, iOS), so you'll still need PNG fallbacks for maximum compatibility.
The 7 favicon sizes you actually need
16×16 and 32×32 - These are the classic browser tab sizes. 16×16 shows up in browser tabs on standard displays, while 32×32 is used on high-DPI screens (Retina displays). Every favicon package should include these two.
48×48 - Used by Windows for desktop shortcuts and the taskbar. If you're not targeting Windows users, you can skip this one, but it's small enough that including it doesn't hurt.
180×180 - This is the Apple Touch Icon size for iOS and iPadOS. When users add your site to their home screen on iPhone or iPad, iOS uses this size. It's non-negotiable if you have mobile users.
Platform-specific requirements
iOS and iPadOS: Apple Touch Icons (<link rel="apple-touch-icon">) must be at least 180×180 pixels. iOS ignores smaller sizes and won't use your regular favicon for home screen shortcuts. Make sure your 180×180 icon has some padding around the logo—iOS adds rounded corners automatically.
Android and Chrome: These platforms use icons from your manifest.json file. You need 192×192 for home screen shortcuts and 512×512 for splash screens and the app drawer. If you're building a PWA, these sizes are required for the "Add to Home Screen" prompt to work.
Windows: Desktop shortcuts and taskbar icons use 48×48 and sometimes reference .ico files that bundle multiple sizes (16×16, 32×32, 48×48) in one file. Our Image Converter generates a favicon.ico file automatically, so you don't need to worry about this.
Tips for exporting favicon sizes
Start with a high-resolution source file (at least 512×512, ideally 1024×1024 or vector). This lets you export all the smaller sizes without losing quality. If you start with a 32×32 source and try to scale up to 512×512, it'll look pixelated.
Keep your design simple at small sizes. Details that look great at 512×512 will disappear at 16×16. Test your favicon at 16×16 before exporting—if you can't recognize it, simplify the design. Avoid thin lines, small text, and complex gradients.
Use our Image Converter to generate all sizes automatically. Upload your logo (PNG, JPG, or SVG), and we'll export all 7 core sizes plus the HTML code you need. Don't waste time manually resizing images in Photoshop—let the tool handle it.
Ready to create your favicons?
Now that you know which sizes you need, use our Image Converter to generate your complete favicon package. Upload your logo, download the ZIP file, and you'll get all 7 sizes plus the HTML code to install them.