Favicon Generator
favicon-generator• Turn one image into favicon.ico plus a full PNG icon set. • Rounded corners, padding, background, and the HTML snippet — all in one zip.
You can also paste a screenshot with Ctrl + V
Your image is processed in the browser only. It is never uploaded to a server.
How to make a favicon
Drop an image or click to choose one and the icons are built right away. A roughly square image such as a logo works best. For a wide image, Fill would cut off the sides, so pick Fit whole and add a little padding. The row of previews on the right is rendered at true pixel size. A favicon lives or dies on whether it reads at 16px, so a simple shape that survives being shrunk beats something that only looks good large.
Download everything as zip gives you favicon.ico, a PNG for every size you picked, site.webmanifest, and the HTML snippet in one go. 16, 32 and 48 cover browser tabs and bookmarks; 180 is the iPhone home screen shortcut; 192 and 512 are for Android and PWA install icons. The favicon.ico itself contains all three of 16, 32 and 48, so the browser can pick whichever size it needs.
Upload the files to your site root and paste the HTML snippet inside the head element and you are done. Browsers cache favicons aggressively, so a change may not show up immediately — try a hard refresh or a private window. Everything runs inside your browser and the image is never sent to a server.
Frequently asked questions
I changed my favicon but the old one still shows. Why?
Browsers cache favicons for a long time. Try a hard refresh with Ctrl+F5, or open the site in a private window. If it still will not budge, open the icon URL directly in the address bar to confirm the new file is live, then add a version string such as ?v=2 to the link so the browser treats it as a different file.
Why do I need six different favicon sizes?
Every place an icon appears asks for a different size. 16, 32 and 48 cover browser tabs and bookmarks, 180 is the iPhone home screen shortcut, 192 is Android, and 512 is the PWA install icon. Those six are selected by default, and 64, 96, 128 and 256 are there if a platform you target needs them.
Is favicon.ico still necessary?
Yes. Older browsers and various tools request /favicon.ico from the site root automatically, even when no link tag points to it. The favicon.ico this tool builds packs 16, 32 and 48 into a single file, so the browser can pick whichever size fits the surface it is drawing.
How do I design an icon that still reads at 16 pixels?
Keep at most one letter, and drop hairlines and shadows. At 16 pixels a stroke thinner than one pixel disappears and neighbouring colours blur together. Limit yourself to two or three colours with strong contrast against the background. A wide logo gets its sides cut by Fill, so choose Fit whole and add a little padding.
How do I add the favicon to Tistory or WordPress?
Tistory takes an icon upload in its blog settings, so Get favicon.ico only is enough there. WordPress asks for a Site Icon under Settings and generates the smaller sizes itself, so give it the 512 PNG. On a site you host yourself, upload the files from the zip to the site root and paste the HTML snippet inside the head element.
Can I make the icon transparent or rounded?
Leave Fill background switched off and the icon is saved with a transparent background, which suits dark browser themes. Corner radius is 0 for a sharp square and 50 for a full circle, with every value in between available for a softly rounded tile. Padding goes up to 30 percent when a logo needs breathing room.