Saved only in this browser, survives a refresh, never uploaded anywhere. Use Clear if you want it gone.
A complete favicon set today needs more than the old single .ico file, browsers, iOS home-screen icons, and Android's adaptive icons each expect different pixel sizes and formats. This tool takes one source image, resizes it into every commonly required PNG size plus a multi-resolution .ico, generates an Apple touch icon and a manifest.json for Android/PWA install prompts, and prints the exact link tags to paste into your page's head.
To use it: drag or click to upload a source image (a square PNG or JPG at least 512×512px works best), and the tool immediately resizes it into every size above with a live preview grid. If your source isn't square, a warning tells you it will be padded rather than cropped, so you may want to re-crop and re-upload for a cleaner result. Once you're happy with it, use "Download all as ZIP" to grab every file plus a ready-to-paste HTML snippet, or copy the snippet directly from the card above it. Everything happens locally in your browser, your image is never uploaded to a server, every resize and the .ico assembly run on-device with the Canvas API, and the History panel below only stores a small thumbnail and file count in this browser's local storage, never the actual images.
A couple of practical tips: start from a square source image with your subject or logo centered and with some breathing room around the edges, since the smallest 16×16 icon leaves very little detail visible and busy corner-to-corner artwork tends to blur into an unrecognizable blob at that size. If your logo relies on transparency, keep it, the generated PNGs preserve it, but consider giving it a solid background if you're relying heavily on the iOS home-screen icon, since transparent regions there render as solid black rather than see-through.
A square image at least 512×512px works best, since every output size is scaled down from it, upscaling a small source will look blurry at the larger sizes.
Different platforms request different sizes at different times: a browser tab wants a tiny 16×16 or 32×32 icon, iOS wants a larger touch icon without transparency, and Android/PWA manifests specify their own size set for home-screen installs.
Not strictly, but including it costs nothing and lets Android show a proper add-to-home-screen icon and app name if a visitor ever chooses to install your site as an app.
16×16, 32×32, and 48×48 PNGs plus a multi-resolution favicon.ico bundling all three, for browser tabs, bookmarks, and old Windows shortcuts; a 180×180 apple-touch-icon.png for the iOS home screen; and 192×192 / 512×512 android-chrome PNGs referenced by a site.webmanifest for Android and PWA installs.
Yes, every PNG is drawn onto a transparent canvas, so transparent areas in your source carry through. Apple's home-screen icon doesn't support transparency, though: iOS renders any transparent pixels as solid black, so use a fully opaque source if you're relying heavily on the apple-touch-icon.
The favicon.ico and PNG favicons are supported by every modern browser, and the apple-touch-icon.png plus manifest.json cover iOS and Android home-screen/PWA installs respectively, the HTML snippet you're given references all of them, so each platform automatically picks up its own file.