UsefulTab
Favicon Generator
Turn any image into favicons at every common size.
Add an image to generate favicons
Upload an image to generate favicon PNGs at 16, 32, 48, 180, 192, and 512 px, each with its own download button, plus the HTML link tags to paste into your site.
Runs entirely in your browserMake favicons from an image, locally
A favicon is the small icon a browser shows in a tab, bookmark, or home screen. Modern sites ship it at several sizes so each surface gets a crisp version — 16 and 32 px for tabs, 48 px for older Windows, 180 px for Apple touch icons, and 192/512 px for Android and PWA manifests. Upload one square-ish image and this tool draws it onto a canvas at each size and re-encodes it as a PNG. Preview every size, download them one by one or all together, and copy the HTML link tags to paste into your page's head. The image is decoded and resized entirely on your device with the Canvas API — the pixels are never uploaded to a server. For the sharpest result, start from a square image at least 512 px on a side.
Common questions
Which sizes does it generate?
16×16 and 32×32 for browser tabs, 48×48 for legacy Windows, 180×180 for the Apple touch icon, and 192×192 and 512×512 for Android home screens and PWA web app manifests. These cover every common surface a site needs.
What image should I start from?
A square image at least 512 px on each side gives the sharpest downscaled icons. A non-square image is fitted onto a square canvas so it is not distorted. Simple, high-contrast artwork reads better than a detailed photo at 16 px.
Does it produce a .ico file?
It produces PNG files, which every modern browser accepts for favicons via a link tag. A multi-resolution .ico is only needed for very old browsers; for today's browsers, linking the PNG sizes (as shown in the generated HTML) is the recommended approach.
How do I use the generated files?
Download the sizes, put them in your site (commonly in the site root or an /icons folder), and paste the generated link tags into your page's <head>, adjusting the paths to where you saved the files. The tags reference the right size for each browser surface.
Is my image uploaded anywhere?
No. The image is read through an in-browser object URL and resized on your machine with the Canvas API. Nothing is sent to a server — it is fully client-side and private.