Favicon Generator Online
Create favicon files in all standard sizes from any image. Download individual PNGs or all sizes as a ZIP. Free and private.
Drop your image here
or click to browse files
Favicon Generator Features
All the favicon sizes you need for modern web development.
Generates 16x16, 32x32, 48x48, 64x64, 128x128, and 256x256 pixel favicons in one click.
Download all favicon sizes bundled in a single ZIP file for easy deployment.
All favicons are exported as lossless PNG files with full transparency support.
Key Takeaways
- All resizing and ZIP packaging happen entirely in your browser, so your source image stays on your device and no upload to a server is required.
- One upload generates a full PNG icon set across three groups: browser favicons (16 to 256px), Android/PWA android-chrome icons (192 and 512px), and iOS apple-touch-icons (57 to 180px), downloadable individually or as a single favicons.zip.
- For most sites the 16x16 and 32x32 PNGs are enough; add 192x192 and 512x512 only if you ship a web app manifest, and the apple-touch-icons (180x180 for recent iPhones) for Home Screen support.
- Upload a square, simple, high-contrast image in a transparent format like PNG or SVG, because non-square sources get stretched to fit each square canvas and JPEGs lose transparency to a white box.
How to Generate a Full Favicon Set
Add your source image
Drag a logo or icon onto the drop area, or click Choose Image to browse. Any format your browser can decode works, including PNG, JPEG, WebP, SVG, and GIF. A square image with a bold, simple design gives the cleanest result, since non-square images are scaled to fit each square canvas.
Review the generated previews
The tool redraws your image onto a canvas at every size and shows live previews grouped into Browser Favicons, Android and PWA, and iOS apple-touch icons. Each tile is labeled with its pixel dimensions so you can confirm small sizes still read clearly before you export.
Download single sizes or the full ZIP
Click Download under any tile to save that one PNG, or use Download All as ZIP to bundle every size into a single favicons.zip archive with standard file names. All resizing and packaging happen in your browser, so nothing leaves your device.
Which Favicon Sizes This Tool Produces
The generator outputs three groups of PNG icons that cover desktop browsers, Android and progressive web apps, and Apple devices. Use this table to match each size to where it is actually requested.
| Group | Sizes (px) | File name pattern | Where it is used |
|---|---|---|---|
| Browser Favicons | 16, 32, 48, 64, 128, 256 | favicon-NxN.png | Tabs, bookmarks, and address bars on desktop browsers |
| Android / PWA | 192, 512 | android-chrome-NxN.png | Home screen icons and web app manifest entries |
| iOS / iPhone | 57, 60, 72, 76, 114, 120, 144, 152, 180 | apple-touch-icon-NxN.png | Add to Home Screen icons across iPhone and iPad models |
| Output format | All sizes | PNG | Lossless export with transparency preserved from the source |
| Bulk export | All sizes | favicons.zip | One ZIP archive containing every generated PNG |
Which Sizes Should You Actually Use?
Classic desktop site
For most websites the 16x16 and 32x32 PNGs cover browser tabs and bookmarks. Add 48x48 if you want a sharper rendering on high-DPI displays and Windows site shortcuts.
Installable web app
If you ship a web app manifest, grab the 192x192 and 512x512 android-chrome files. These are the sizes Android and PWA installers expect for home screen and splash icons.
Apple and iOS support
To control how your site looks when saved to an iPhone or iPad home screen, include the apple-touch-icon files. The 180x180 size covers recent iPhones, while the smaller sizes serve older models.
Just want everything
If you are unsure or maintaining many devices, use Download All as ZIP and reference the sizes you need. Unused PNGs cost nothing if you do not link to them in your HTML.
Common Problems and Fixes
My icon looks stretched or squished
The tool draws your image onto a square canvas at each size, so a wide or tall source gets stretched to fit. Crop or pad your image to a 1:1 square before uploading so the proportions stay correct.
The smallest sizes look muddy
Fine detail disappears when a complex logo is reduced to 16x16 or 32x32 pixels. Upload a simplified, high-contrast version of your mark for the best result at tiny sizes, and preview the tiles before exporting.
Transparency turned into a white box
Only formats that carry an alpha channel keep transparency. If your source is a JPEG it has no transparency to preserve, so start from a transparent PNG or SVG to get see-through favicons.
Download All as ZIP does nothing
The ZIP option needs the in-page ZIP library to load. If it is unavailable you will see a notice asking you to download files one at a time. Refresh the page on a stable connection and use the per-tile Download buttons as a fallback.
What is a Favicon and Why Do You Need Multiple Sizes?
A favicon is the small icon that identifies your website in browser tabs and bookmarks. Different devices and browsers request different sizes, so providing multiple sizes ensures your favicon looks crisp everywhere.
Frequently Asked Questions
Which favicon size is most important?
The 32x32 and 16x16 sizes are the most universally used by desktop browsers.
The 192x192 and 512x512 sizes are used by Android devices for home screen icons.
The 256x256 size is used in Windows taskbar and app shortcuts.
What is the difference between PNG and ICO favicons?
PNG favicons are supported by all modern browsers and support full transparency.
ICO files can contain multiple sizes in one file but are an older format.
Modern websites typically use PNG favicons with size declarations in the HTML link tag.
How do I reference multiple favicon sizes in HTML?
Add separate link tags for each size in the head section of your HTML document.
Browsers select the most appropriate size for their context automatically.
Place these tags before the closing head tag of your HTML.
Why does my favicon look blurry?
Blurry favicons usually result from downscaling a complex image to 16x16 pixels.
For best results, use a simple, bold design with clear contrast.
Consider designing a simplified version of your logo specifically for small favicon sizes.
Sources and References
Format and tool details on this page are based on the official specifications and documentation below.
- ICO image type- MDN Web Docs
- rel icon- MDN Web Docs
- PNG Specification (Third Edition)- W3C
- Canvas API- MDN Web Docs