The little icon in a browser tab needs more files than most people expect: an ICO for classic browsers, several PNG sizes for modern ones, and a larger Apple touch icon for home screens. This generator takes one image and produces the whole set in your browser, packaged as a zip together with the exact HTML link tags to paste into your page head.
What Is in the Package
You get a favicon.ico containing the classic small sizes, PNG icons at the sizes browsers and devices actually request (including 180×180 for Apple touch and 192 and 512 pixels for Android and progressive web apps), and a short snippet of link tags so installation is copy and paste rather than guesswork. The source image is scaled with clean resizing, and square images work best — a wide logo squeezed into a square will look cramped, so crop first if you can.
How to Generate Your Favicon Set
- Upload a clear, preferably square PNG or JPG image.
- Preview how it looks at small sizes, where detail matters.
- Click generate to build all the icon files.
- Download the zip and extract it into your site root.
- Paste the provided link tags into your HTML head and refresh.
Getting a Better Tab Icon
- Start from a simple, bold mark — fine details vanish at 16 pixels.
- Use strong contrast so the icon reads on light and dark tabs.
- Test the result in a real browser tab before shipping.
- Keep one consistent icon across your whole site.
Frequently Asked Questions
What image should I start with?
A square PNG of at least 512×512 pixels gives the cleanest results at every generated size.
Why does my site still show the old favicon?
Browsers cache favicons stubbornly. Hard-refresh, or reopen the site in a private window, to see the new icon.
Where do the files go on my site?
Extract them to the root of your website and add the supplied link tags to the head of your pages, exactly as provided in the package.