Why this tool exists
Upload once, export everywhere. The generator normalizes a single logo into the browser, PWA, and manifest assets developers and designers expect.
Brand kit handoffs
Bundle every favicon size with the HTML + manifest snippets so design teams can ship favicon refreshes instantly.
PWA + install prompts
Generate Android maskable icons, Apple touch icons, and manifest JSON in one pass for Chrome install banners.
Deployment checklists
Attach the zip bundle, HTML tags, and manifest block to release notes so ops can paste them into infra repos.
Quick start
Upload the source once, confirm the sizes, and ship the resulting bundle with copy-ready snippets.
- Open the Favicon Generator, drag a square PNG/JPEG/WebP/GIF (ideally 512×512+) onto the upload target, or click to browse.
- Choose the output sizes you need (use Select all or Recommended presets) before submitting.
- Submit the form to generate preview cards, HTML/manifest snippets, and a downloadable zip bundle of all icons.
Supported uploads
- Supports PNG, JPEG, WebP, and GIF uploads up to 5 MB per request—anything larger is rejected before processing.
- Images do not need to be perfectly square; the generator auto-crops to a centered square canvas before scaling.
- Transparent backgrounds are preserved because GD keeps alpha channels enabled throughout every resize.
Mode 01
Upload workflow
How the drop zone, progress, and errors behave while you prepare a bundle.
- Drag-and-drop or click the target—either way the drop zone highlights and tells you if the MIME type is not allowed.
- Once submitted, the server normalizes the image, preserves transparency, and updates the “Source summary” card with filename, MIME type, and size.
- Failures (oversized uploads, unsupported formats) surface through the destructive alert so you can re-upload immediately.
Mode 02
Size presets
Decide which icons belong in the bundle and lean on the helper text to explain each size to stakeholders.
- Size presets span 16–512 px with helper text describing where each icon shows up (tabs, PWA prompts, tiles, etc.).
- Use the Select all / Recommended shortcuts to toggle between full coverage and the default 32 + 180 + 512 px set.
- Selecting 512 px automatically adds the maskable Android variant so install prompts can crop safely.
Variants & downloads
Preview tiles, download individual PNGs, or grab the whole archive with a single click.
- Each generated icon appears in a card with preview, filename, file size, and quick download + data URI copy buttons.
- Download the entire archive in one click; the zip includes every PNG plus the manifest snippet for quick commits.
- Source summary cards make it easy to confirm you uploaded the right asset before handing the bundle to teammates.
Snippets
Copy HTML link tags and manifest JSON without hand-writing repetitive boilerplate.
- HTML link tags list each favicon size plus the manifest tag, already scoped to `/favicon-*.png` paths.
- site.webmanifest output mirrors the icon list, including `purpose: maskable` entries for Android Chrome.
- Copy buttons sit above both snippets so you can paste into templates without selecting text manually.
Field notes
Patterns that keep favicon refreshes clean and repeatable.
- Upload at least a 512×512 PNG so the maskable variant looks crisp on Android install prompts.
- Leave “Recommended” sizes selected for most marketing sites; use Select all when you need exhaustive cross-browser parity.
- Regenerate favicons every time the brand color or gradient changes—zip bundles do not persist server-side.
- Pair this tool with Image → Base64 when you need inline fallbacks for old CMS themes.