About this tool
Make every favicon a website needs from a single picture: favicon.ico with 16, 32 and 48 pixel sizes, PNG versions, the 180 pixel Apple touch icon, Android 192 and 512 pixel icons, a web manifest, and the HTML lines to paste into your page. Drag the crop box to choose what shows in the square.
How to use it
- Add a logo or picture. A square image of at least 512 pixels works best.
- Drag the crop box to frame it. Keep the background transparent, or pick a color.
- Press Download. Unzip the files into your website's main folder and paste the lines from favicon-snippet.html into your page head.
Frequently asked questions
What files do I get?
favicon.ico (16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest and favicon-snippet.html with the tags to copy.
What size should my original be?
A square picture of 512 × 512 pixels or more. Small favicons are tiny, so simple shapes and bold colors look best.
Can the favicon be transparent?
Yes. Browser icons keep transparency. The Apple touch icon cannot be transparent, so empty areas use your background color, or white.
Where do I put the files?
In the root folder of your website, so that /favicon.ico works. Then paste the tags from favicon-snippet.html between <head> and </head>.
Why does my favicon not change?
Browsers cache favicons for a long time. Try a hard refresh, or open the site in a private window.
Is it free?
Yes. It is free to use, with no sign-up and no watermark.
Are my photos uploaded anywhere?
No. HD Resizer runs entirely in your browser, so your images stay on your device. Nothing is sent to a server, and there is no account or watermark.