A favicon is the small site icon shown in browser tabs, bookmarks, and on mobile home screens. Setting one up makes a site look more polished and helps it stand out in search results and bookmark lists. The catch is that different devices and uses call for different sizes, so you have to prepare several at once — from 16px all the way up to the 180px Apple touch icon and the 192px Android home-screen icon. Upload a single image here and this tool creates PNGs in all the common sizes (16, 32, 48, 64, 180, and 192px) in one pass and bundles them into a ZIP.
The generated ZIP contains a PNG for each size along with a how-to-use.txt guide, and on screen you can grab the link tags to paste into your HTML <head> with the Copy button. A square image gives the cleanest result, but rectangular ones are centered at their original aspect ratio with the remaining area left transparent. Every conversion runs inside your browser, so your logo is never uploaded to a server and you can safely work on designs before they go public.
This tool produces a PNG set. A favicon.ico file used to be required, but every modern browser recognizes PNG favicons, so you no longer need a separate .ico. Following the guide and the on-screen code, set favicon-32.png as the default icon, link 180px as the apple-touch-icon for iPhone home screens, and use 192px for Android home screens, and you will get a crisp icon on both desktop and mobile.
How to Use
- 1
Select an image
Add the image you want to turn into a favicon. A simple, near-square logo reads well even at the smallest sizes.
- 2
Run the generator
Click Generate favicons and PNGs in all six sizes are created instantly and shown as a preview.
- 3
Download the ZIP
Use the Download ZIP button to get the full set. A usage guide text file is included.
- 4
Apply the HTML
Unzip the files, upload the PNGs to your site root, copy the on-screen HTML code, paste it into the <head>, and you are done.
When It's Useful
Finish a new website or blog
Turn a single logo into tab and bookmark icons to make the site feel complete and stand out in search results.
Mobile home-screen icon
When a visitor adds your site to their home screen, show a crisp icon on Apple (180px) and Android (192px).
Prepare every size at once
No need to build 16, 32, 48, 64, 180, and 192px one by one — one run puts them all in a ZIP.
Apply it without writing code
Just copy the included link tags and paste them into the <head>; there is no markup to write yourself.
Tips
- Thin lines and small text get muddy at tiny sizes like 16 and 32px. A simple symbol stays the clearest.
- Prepare a square original for an edge-to-edge icon with no padding. A rectangular one gets transparent margins along the edges.
- 180px is recommended for the iPhone home screen (apple-touch-icon) and 192px for the Android home screen.
- Use a PNG original if you need a transparent background. The generated favicons keep the transparency.
- If your original is not square, crop it to 1:1 first with the 'Crop Image' tool for a cleaner result.
- Setting favicon-32.png as the default icon works well in most browsers without an .ico file.
FAQ
Does it also create an .ico file?
No. This tool generates a PNG set. Modern browsers all support PNG favicons, so setting favicon-32.png as the default icon is enough.
Which sizes are included?
Six PNGs at 16, 32, 48, 64, 180, and 192px. 16/32 are for tabs and bookmarks, 180 is the Apple touch icon, and 192 is for the Android home screen.
What happens if I upload a rectangular image?
It is centered on a square canvas at its original aspect ratio, and the remaining area is filled with transparency. A square original still looks the cleanest, though.
Is a usage guide included in the ZIP?
Yes. The how-to-use.txt file contains where to upload the PNGs and the HTML code to paste in.
Is my image uploaded to a server?
No. Favicon generation runs 100% in your browser, and the image is never sent anywhere.
Where do I put the HTML code?
Paste it inside the <head> tag of your web page. The on-screen Copy button grabs the code as-is.
Where should I upload the PNG files?
Usually in your website root folder, matching the code's path (e.g. /favicon-32.png). If you change the path, update the href in the link tags too.
Which source formats can I upload?
JPG, PNG, and WEBP are supported. To keep a transparent background, a PNG original is best.