No. 13
Favicon & Icon Generator
Turn one image into every favicon and app icon size you need, plus the manifest and HTML tags, packaged as a zip.
Uploaded 0 bytes Runs entirely on Canvas — no engine to download. (network monitor unsupported in this browser)
How your data is handled: everything above runs inside this browser tab; your file is never uploaded. Runs entirely on Canvas — no engine to download.
Shipping a favicon usually means hunting down a dozen exact pixel sizes across three platforms. This tool does the resizing locally from one source image and hands back a ready-to-drop zip — icons, manifest, and the markup — in one pass.
How to use it
- Drop a square image, ideally 512×512px or larger.
- Preview how it looks at small sizes — favicons lose detail fast.
- Click Generate to render every required size.
- Download the zip, which includes icons, a web manifest, and the <link> tags to paste into your <head>.
Tips & edge cases
- Simple, high-contrast marks survive the 16×16px favicon size; fine detail and thin text usually don't.
- iOS ignores transparency on home-screen icons and fills it with white or black — preview at the apple-touch-icon size before shipping.
- The generated manifest.json only covers icons; merge it with your existing manifest fields (name, theme_color) rather than replacing the whole file.
FAQ
- What sizes are included?
- Standard favicon sizes (16, 32, 48px), Apple touch icons, and the full Android/Chrome maskable icon set used by manifest.json — the same list modern build tools expect.
- Do I need to install anything to use the output?
- No. Unzip the folder into your site's public directory and paste the provided <link> tags into your HTML <head>.
- Is my source image uploaded to generate the icons?
- No — every resize happens on an HTML canvas in your browser. The Trust Meter will read 0 bytes uploaded throughout.