The standard favicon is 32 × 32 px, but a modern site should also ship 16 × 16, 48 × 48, 180 × 180 (Apple touch), and 512 × 512 (PWA) as PNG files.
The favicon is the tiny icon shown in browser tabs, bookmarks, and search results. Modern browsers use several sizes for different surfaces — here's what to export for full coverage in 2026.
| Asset | Dimensions | Ratio | Format | Max size |
|---|---|---|---|---|
| Classic Favicon | 32 × 32 | 1:1 | PNG / ICO | 100 KB |
| Small Favicon | 16 × 16 | 1:1 | PNG / ICO | 100 KB |
| Windows Taskbar | 48 × 48 | 1:1 | PNG / ICO | 100 KB |
| Apple Touch Icon | 180 × 180 | 1:1 | PNG | 500 KB |
| Android Chrome Icon | 192 × 192 | 1:1 | PNG | 500 KB |
| PWA / Maskable Icon | 512 × 512 | 1:1 | PNG | 1 MB |
Pro tip: Design at 512 × 512 first, then downscale. A favicon that's designed at 16 × 16 always looks blurry when Chrome upscales it for the Home Screen or Windows tile.
Source: Google Search Central — Favicons
Resize your image to Favicon size now
The tool below is pre-configured for Favicon. Nothing uploads — every resize runs locally in your browser.
Drop your image here
JPG · PNG · WEBP · HEIC — processed locally
Free: up to 2 platforms · Need more? View pricing →
Social
Ads
Logos & Branding
Crop mode
Fill crops to exact size · Fit pads to preserve full image
Format
PNG for logos · JPG for photos · WEBP for web
2 free exports remaining today
Live preview
Your preview will appear here
How to Create a Favicon That Works Everywhere
- Design at 512 × 512 px with a simple, high-contrast shape.
- Downscale to 192, 180, 48, 32, and 16 px.
- Test the 16 × 16 version at 100% zoom in a browser tab — if it's unreadable, simplify the design.
- Add all sizes in your HTML head with
<link rel="icon">tags. - Include a 512 × 512 PNG in your web manifest for PWA installs.
Common mistakes to avoid
- Using a detailed logo — favicons need one bold shape, not fine detail.
- Only shipping 32 × 32 — you miss the Apple, Android, and PWA surfaces.
- Uploading a JPG favicon — no transparency, and it looks worse than PNG at small sizes.
Frequently asked questions
What size should a favicon be in 2026?
Ship 32 × 32 px as your primary favicon, plus 16 × 16, 48 × 48, 180 × 180 (Apple), 192 × 192 (Android), and 512 × 512 (PWA) for full device coverage.
What format is a favicon?
Modern favicons are PNG. Legacy .ico files bundle multiple sizes and still work in every browser, but PNG is simpler and preferred by Google in 2026.
Why does my favicon look blurry?
Most blurry favicons are designed too small and then scaled up. Design at 512 × 512 and downscale to each target size.
Does Google use favicons in search results?
Yes. Google shows your favicon next to your URL in mobile search results, and a missing or low-quality favicon reduces click-through rate.
What is a maskable icon?
A maskable icon is a PWA icon designed with safe-zone padding so Android and iOS can crop it into different shapes (circle, rounded square, etc.) without cutting off the logo.
What is the Apple touch icon size?
180 × 180 px PNG. This is the icon shown on the iOS home screen when a user adds your site as a bookmark.