Favicon Size Guide: What Size Should Your Favicon Be in 2026?
What is a favicon?
A favicon is the small icon that appears in the browser tab, bookmarks bar and search results next to your website name. A missing or low-resolution favicon makes a site look unfinished and untrustworthy.
Generate Favicons Free →Required favicon sizes in 2026
- 16 × 16 px — browser tab (desktop)
- 32 × 32 px — browser tab (high DPI), Windows taskbar
- 48 × 48 px — Windows site shortcuts
- 64 × 64 px — high-DPI displays
- 180 × 180 px — Apple Touch Icon (iPhone home screen)
- 192 × 192 px — Android Chrome home screen
- 512 × 512 px — PWA splash screen, Google search
Which format to use
Create your favicon in PNG format for all sizes. The legacy .ico file (which packs 16px and 32px into one file) is still supported by some older browsers and can be included for maximum compatibility. The TARUMAK Favicon Generator creates all sizes from your original image.
How to add your favicon
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
Favicon design tips
- Use a simple shape — detail is lost at 16px
- Avoid text unless it is a single letter or two characters
- Use high contrast between the icon and background
- Test at actual size (16px) before finalising
Can I use a JPG as a favicon?
JPG is supported by most browsers but PNG is preferred because it supports transparency — so the favicon looks good on any browser tab background color.
Why is my new favicon not showing up?
Browsers aggressively cache favicons. Do a hard refresh (Ctrl+Shift+R or Cmd+Shift+R) or clear your browser cache. It can take several hours for all visitors to see the new favicon.