Image Optimizer
Optimize JPG, PNG, and WebP images for free in your browser, with support for both lossy and lossless image compression.
Share
The inputted text is too long to include in a share link.
Favicon Generator
Generate a complete favicon package for your website from a single image, including browser icons, touch icons, and install-ready metadata.
Drop a square-ish PNG, JPG, or WebP image here, or use the file picker.
Images are center-cropped to a square before export.
How to use this favicon generator
Use this generator when a site, app, landing page, or prototype needs the standard browser and home-screen icons from one source image.
- Choose or drop a PNG, JPG, or WebP image with a clear centered mark.
- Set the theme color used by the web app manifest and browser chrome.
- Click Generate favicons, then uncheck any files you do not need.
- Download a ZIP containing only the selected favicon files.
Favicon Generator features
- Generate common favicon PNG sizes from one uploaded image.
- Build a multi-size favicon.ico file for older browser and desktop support.
- Create Apple touch and Android home screen icons.
- Create a site.webmanifest file with your selected theme color.
- Include a ready-to-paste HTML snippet for favicon links and theme color metadata.
- Preview each downloadable output before selecting it.
- Download only the checked files in a ZIP archive.
- Process images entirely in your browser.
Recommended favicon package
A practical favicon set includes 16x16 and 32x32 PNG icons, a favicon.ico file, a 180x180 Apple touch icon, 192x192 and 512x512 Android icons, and a web manifest that names those install icons. The theme color helps browsers and installed web apps match your brand color.
Favicons are small, so simple marks work better than detailed logos. A bold symbol, initials, or high-contrast shape usually remains recognizable in a browser tab, bookmark list, search result, or pinned shortcut where a full logo would become muddy.
If you are choosing which files to keep, include the ICO and small PNGs for broad browser support, the Apple touch icon for iOS home screens, and the manifest icons for installable web apps. For a simple static site, the default package is usually the safest choice.
How favicon generation works
The selected image is decoded locally, center-cropped to a square, drawn to canvas at each requested size, and exported as PNG files. The ICO file stores the generated 16x16, 32x32, and 48x48 PNG icons in one icon container. The manifest and HTML snippet use the selected theme color.
Because the icon is center-cropped, leave comfortable padding around the source mark if the original image fills the entire canvas. That reduces the chance of the mark touching the edge after browsers mask or scale it.
Favicon generator FAQ
Are my images uploaded?
No. The image is read, resized, and zipped in your browser.
What source image works best?
Use a square image with a simple centered logo or mark. Fine text usually becomes unreadable at favicon sizes.
Which files should I upload to my site?
For most sites, upload the full ZIP contents and paste the generated HTML into your document head so browsers can choose the best icon size.
Built and maintained by utilkit. Found an issue? Send corrections to contact@utilkit.com
Related Utilities
Related Blog Posts
View all
8 min read
Design
The Modern Favicon Checklist: Files, Sizes, HTML, and Web App Icons
Build a favicon package that works across browser tabs, bookmarks, Apple home screens, and installable web apps—without shipping a pile of unnecessary files.