How to Use This Favicon Generator

Upload an image (PNG or JPG). The tool will resize and crop it to create favicons in multiple sizes (for example, 16x16, 32x32, 180x180 for Apple touch). You can download each size individually or use the Download All as ZIP option to get a pack. Upload the files to your site root or a dedicated folder and add the correct link tags in your HTML head. Most CMSs and site builders have a favicon setting where you upload one file; the generator gives you all the sizes you need for full compatibility.

Why Favicons Matter for Your Website

A favicon is the small icon that appears in browser tabs, bookmarks, and sometimes in search results. It helps users recognise your site quickly and looks more professional than the default globe or document icon. Browsers and devices support several sizes; this generator creates the standard set so your icon looks sharp everywhere.

Favicon Best Practices

Use a simple, recognisable design that stays clear at 16 by 16 pixels. Prefer a square image or one with equal height and width so cropping does not cut off important parts. Avoid fine detail or text that becomes unreadable when small. For best results, start with an image that is at least 260 by 260 pixels. ICO and PNG are the most widely supported formats; this tool gives you PNGs that work in all modern browsers.

Frequently Asked Questions

What sizes do I need for a favicon? Common sizes are 16x16 (browser tabs), 32x32 (bookmarks, desktop), 180x180 (Apple touch icon), and sometimes 192x192 or 512x512 for PWA and mobile. This generator produces a set that covers typical use cases.

Why does my favicon not update? Browsers cache favicons. Clear your cache, try a private window, or add a query string to the favicon URL (e.g. favicon.ico?v=2) to force a refresh.

Can I use a PNG as a favicon? Yes. Modern browsers support PNG favicons. You still need to reference them in your HTML with the correct link tag and size attribute where applicable.

Where do I put the favicon files on my server? Often in the root directory (e.g. yoursite.com/favicon.ico or yoursite.com/favicon-32x32.png). Your HTML head should include the appropriate link rel="icon" tags pointing to these files.