Generate favicons and app icons
One square image in, every icon size a site or app needs out: 16px for the browser tab through to 512px for PWA installs and stores. The ZIP also contains a multi-resolution favicon.ico, a site.webmanifest and a snippet with the link tags to paste into your HTML.
Which sizes you actually need
16 and 32 px for tabs and bookmarks, 48 px for the Windows site icon, 180 px for the iOS home screen (apple-touch-icon), and 192 and 512 px for Android home screens and PWA installation. The defaults cover every current environment.
Preparing the source image
Square, tightly cropped and with a bold silhouette. Remember it will be shrunk to 16 px, so avoid thin strokes and small type. Rectangular input is centre-cropped to a square first. Transparent PNGs are fine.
About the generated favicon.ico
The .ico bundles 16, 32 and 48 px into one file, with PNG payloads inside — supported by Windows Vista onward and every current browser. Drop it at your site root and reference it with `<link rel="icon" href="/favicon.ico">`.
Frequently asked questions
What is in the ZIP?
A PNG per selected size (named like icon-16x16.png), the multi-resolution favicon.ico, a site.webmanifest and snippet.html containing the link tags.
Does my image have to be square?
Square is ideal but not required — anything else is centre-cropped. Crop it to 1:1 yourself first if you care exactly where the cut falls.
Can I keep transparency?
Yes, transparency is preserved by default; set a background colour and it is filled instead. iOS renders transparent home-screen icons on black, so a background colour is usually the right choice for the 180 px icon.
Can I start from an SVG?
Yes. An SVG source is rasterised at each size, so even the small icons stay crisp.
Are my photos uploaded anywhere?
No. Everything the page needs is loaded when you open it, and your photo is processed entirely on your own device. The image never crosses the network, so there is nothing to intercept and nothing stored on a server.