What this does
Generates the full set of icon files modern browsers and OSes expect, from a single source image. Resizes to the standard dimensions, gives you a ZIP, and provides the exact HTML + manifest to wire them up.
What you get
favicon-16x16.png,favicon-32x32.png,favicon-48x48.png— browser tab icons.apple-touch-icon.png(180 × 180) — iOS home screen.android-chrome-192x192.pngand512x512.png— Android home screen & PWA.site.webmanifest— declares your icon set to PWA-aware browsers.- A copy-paste snippet for your
<head>.
Source image tips
- Square is best. Non-square inputs are center-cropped to square — content near the edges may be lost.
- 512 × 512 minimum. Downscaling looks great; upscaling looks blurry.
- SVG works. Vector sources render crisply at every size — recommended if you have one.
- Watch the 16px preview. Logos with fine detail can become illegible at favicon scale. Test there first.
What about favicon.ico?
Modern browsers all accept PNG favicons; .ico is only needed
for very old IE/Windows compatibility. If you really need one, most build
tools can pack multiple PNG sizes into a single .ico — out of scope here.
Privacy
Resizing and encoding happen via the browser's canvas API. Your image never leaves the device.