A favicon is the tiny icon in browser tabs, bookmarks, and search results. It is one of the first branding touchpoints visitors see. ImgGPT generates all the sizes you need from a single image.
What Gets Generated
Upload any image and get favicons in six sizes:
- ●16 x 16 — Browser tab icon (classic favicon)
- ●32 x 32 — Retina tabs and taskbar
- ●48 x 48 — Windows shortcuts
- ●64 x 64 — Higher resolution taskbar
- ●128 x 128 — Chrome Web Store, high-DPI
- ●256 x 256 — Windows desktop shortcuts, large previews
All generated simultaneously.
Choosing the Right Source
Favicons display at tiny sizes, so simplicity is key:
- ●Use your logo icon, not the full wordmark
- ●Keep it simple — detailed images are unrecognizable at 16x16
- ●High contrast — visible against both light and dark browser themes
- ●Start with a square — crop first if needed
If your logo does not work at 32x32, simplify. A letter or symbol often works better than the full logo.
Adding to Your Website
Add to your HTML head:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">For Next.js and React, place files in the public directory.
Common Mistakes
- ●Using a photo — becomes an unrecognizable blur
- ●Too much detail — fine lines look like smudges
- ●Wrong aspect ratio — non-square images get squished
Generate your favicon now — upload any image and download all six sizes.
Ready to edit your images?
25+ free editing tools and 40+ AI models — no signup required for free tools.
Try ImgGPT Free