Image tool / favicon
Favicon Generator
Generate common website and app icon PNG sizes locally, then download a ZIP package and copy ready-to-use HTML tags.
Upload one PNG, JPG, or WebP image
Drag and drop here or choose an image to generate favicon PNG sizes locally.
HTML snippet
Update the `href` paths to match where you place the generated files.
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicons/favicon-48x48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/favicon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicons/favicon-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/favicons/favicon-512x512.png">
Generated icon previews
Small favicon sizes can lose detail after re-encoding.
Generate favicon sizes to preview and download them here.
How to use it
- 1 Upload one square-ish PNG, JPG, or WebP source image.
- 2 Select the favicon sizes you want to generate.
- 3 Create the PNG icons locally, then download the ZIP package and copy the HTML tags.
Useful for
- Preparing website favicon sizes quickly
- Generating Apple touch and high-resolution app icon PNGs
- Packaging one source image into a ready-to-use favicon set
Good to know
- This version generates PNG files only and does not package ICO output.
- Generated icons are re-encoded locally, so metadata is not preserved.
- Very small favicon sizes can lose fine detail from the original image.
Questions
Favicon Generator FAQ
Does the Favicon Generator upload my source image?
No. The source image, generated PNG icons, ZIP file, and HTML snippet all stay inside your browser. Utilshub does not receive them.
Does this version create ICO files too?
No. This first release focuses on PNG favicon sizes and HTML tags. ICO packaging is intentionally deferred until it can be tested more reliably.
What source image works best?
A square PNG with transparency usually works best, especially at 512 by 512 pixels or larger. JPG and WebP sources also work, but tiny or non-square art can lose detail at smaller favicon sizes.
Why do the smallest icons look softer than the original image?
Very small favicon sizes like 16 by 16 and 32 by 32 contain far fewer pixels, so fine details and text can blur or disappear after resizing.
Continue locally
Related tools
Keep working with another browser-only tool. Your files and tool inputs stay on your device.