Resize one logo or favicon to every size you need - PNG files and a favicon.ico, sharp at 16 px. To change the sizes inside an existing ICO, use the Icon Resizer.
Want the complete favicon pack with the manifest instead? Use the Favicon Package Generator.
| Size | Used for |
|---|---|
| 16 x 16 | Browser tabs |
| 32 x 32 | Tabs on high-DPI screens, taskbar, bookmarks |
| 48 x 48 | Windows site icons, Google (minimum) |
| 96 x 96 | Google search results, desktop shortcuts |
| 180 x 180 | iPhone and iPad home screen (solid background) |
| 192 / 512 | Android home screen and PWA install |
The Website sizes set makes all of these with the right file names and favicon-html.txt to paste.
Shrinking a 1024 px logo to 16 px in one step smears the details. Here the image is halved step by step, and an optional light sharpen brings back the edges on 16-48 px.
SVG logos are drawn fresh at 2048 px first, so every size is clean. Check the result in the tab preview, or test it on more backgrounds in Favicon Preview.
Drop your image into the box, keep Website sizes or type your own, and press Resize my favicon. Every size downloads as a PNG, plus a favicon.ico.
Make the source at least 512 x 512 px, then resize down. The files a site needs are 16, 32, 48, 96, 180, 192 and 512 px - the Website sizes set.
Yes - drop the .ico and the largest size inside is used. To keep the original small sizes and only add or remove some, use the Icon Resizer.
Yes. Choose My own sizes and type any sizes from 8 to 1024 px, separated by commas or spaces.
iPhones show transparency as black, so the 180 px Apple icon always gets a solid background. Every other size keeps transparency.
You can, but it gets soft. A note appears when your image is smaller than the largest size. Try the Image Upscaler first.
No. Every icon is made in your browser, on your device. Nothing is uploaded.
Upload the files, then run your site through the Favicon Checker. It lists every icon your pages point to and shows what is missing.
