How to Create a Favicon Package from One Image
Prepare favicon.ico, PNG icons, and app icons from a single source image without sending brand assets to a server.
Start with the right source
Use a square source image at least 512 x 512 px. Simple shapes work better than detailed artwork because favicons are displayed at very small sizes.
Required sizes
A practical favicon package includes favicon.ico for older browsers, 16 x 16 and 32 x 32 PNG icons for browser tabs, 180 x 180 for Apple touch icons, and 192 x 192 or 512 x 512 for web app manifests.
Design checks
Remove tiny text, increase contrast, and test the icon on light and dark browser chrome. If the logo depends on a thin outline, add a solid background or simplified mark for small sizes.
Workflow
Upload the square source image.
Generate the favicon package.
Download the ZIP.
Add the files to your public assets folder.
Copy the generated HTML link tags into the site head.
Privacy note
Brand marks, unreleased logos, and client assets can be sensitive. Browser-side generation lets you create favicon files without uploading the source artwork.