Favicon Generator

Turns any image into the favicon sizes a site actually needs — 16, 32 and 48 pixels for browser tabs, 180 for Apple touch icons. The image is cropped square and scaled to each size in your browser, ready to drop into your site root.

AD

How to use

  1. Drop the source image — a simple, high-contrast mark works best.
  2. Check the square crop; the tool centres it for you.
  3. Generate and download the icon set.
  4. Link the files in your HTML head and clear the cache to see the change.

When you actually need this

Design for sixteen pixels

At 16×16 a logo's fine detail and lettering vanish into mush — the favicons that work are one bold shape or letter on a solid background. Test the smallest size at actual size, not zoomed. Browsers cache favicons aggressively, so an unchanged tab icon after deployment usually means cache, not failure; a hard refresh or a version query on the link tag sorts it. The 180px Apple touch icon gets rounded corners applied by iOS itself, so leave the corners square.

Related tools

FAQ

Are my photos uploaded to a server when I use Favicon Generator?

No. Favicon Generator reads the file with the browser's Canvas API and processes every pixel on your own device. The image never leaves your computer, which is why it still works if you go offline after loading the page.

Will Favicon Generator reduce the quality of my image?

That depends on the setting you choose. JPEG and WebP are lossy, so a lower quality value means a smaller file and more visible artifacts; PNG is lossless and keeps every pixel exactly. Start around 80 percent quality — most photos stay visually identical at roughly a third of the original size.

Is there a file size or count limit?

There is no limit imposed by the site, because nothing is uploaded. The practical ceiling is your device's memory — very large files (over roughly 50 MP) may be slow on an older phone.

AD