Favicon generator
Drop in a logo and get every icon file a website needs, including a real multi-resolution favicon.ico. The HTML to paste is below.
How to favicon generator
- Drop in one image. A square source works best; anything else is centre-cropped to a square.
- Choose whether to keep transparency or fill the background with a colour. Transparent is usually right for a logo mark.
- Leave Also build favicon.ico ticked — it packs the 16, 32 and 48px versions into one real
.icofile, which is what older browsers look for. - Press Generate icons, take the zip, and drop the files into the root of your site.
Why this one is different
Almost every free file tool works the same way: you upload your file to a company's server, their machine does the work, and you download the result. That means a copy of your document sat on someone else's hard drive, governed by a privacy policy you did not read.
Filebench does the work in the browser tab you are already looking at. There is no upload step because there is no server to upload to. The practical consequences: no file size limit, no queue, no account, no watermark, and it keeps working if your connection drops after the page loads.
| Filebench | Typical online converter | |
|---|---|---|
| Your file leaves your device | Never | Every time |
| File size limit | None | Often 10–100 MB free |
| Sign-up required | No | Usually, past a few files |
| Watermark on output | No | Sometimes |
| Works offline after loading | Yes | No |
Questions
What HTML do I need?
Put the files at your site root and add: a link with rel="icon" pointing to /favicon.ico, another rel="icon" with type="image/png" and sizes="32x32" for icon-32x32.png, and a rel="apple-touch-icon" for apple-touch-icon.png. Reference the 192 and 512 sizes from your web app manifest.
Do I still need a .ico file?
It is the safest default. Browsers request /favicon.ico automatically even when you have not linked to it, and some older ones will not use a PNG. It costs a couple of kilobytes.
Why so many sizes?
Different places use different ones: 16 and 32 for browser tabs and bookmarks, 48 for Windows shortcuts, 180 for the iOS home screen, 192 and 512 for Android and installable web apps. Shipping all of them means nothing has to be scaled badly at display time.
My icon looks like mush at 16 pixels. What do I do?
That is a design problem rather than a conversion problem. At 16px you have room for one shape or one letter — a full logo with fine detail cannot survive. Make a simplified mark for the small sizes.
Can I use an SVG as the source?
Yes. It is rendered at 512px first and then scaled down, which gives cleaner small sizes than starting from a small bitmap.
Other tools
Convert images
Swap between PNG, JPG and WEBP in bulk. Choose a background colour when converting transparent images to JPG.
Compress images
Cut image weight with a quality slider and an optional size cap. Each result shows the percentage saved.
Resize images
Resize by width, height, exact dimensions or percentage — in bulk, with the aspect ratio kept.