Convert images to icons and favicons
Pick one image and we generate a complete icon set from it: a favicon.ico carrying six sizes inside, plus PNG icons for every size browsers and operating systems ask for.
How to use it
- 1
Choose an image — ideally a square PNG on a transparent background.
- 2
Pick the fit mode and the sizes you want.
- 3
Preview every size before downloading.
- 4
Download favicon.ico on its own, or the full pack with PNG icons and a manifest.
Why one image is not enough
Browsers want 16 and 32 pixels for the tab, iOS wants 180 for the home screen, and Android wants 192 and 512 for the manifest. Handing over a single large image leaves each device to downscale it, which looks muddy at small sizes, so we render every size separately with high-quality smoothing.
What an ICO file is
A single file holding several images at different sizes, from which the system picks whichever fits each spot. We put 16, 32, 48, 64, 128 and 256 pixels inside it — the coverage browsers and Windows need between them.
Fit whole or fill and crop?
Icons are square and your image usually is not. Fit whole keeps all of it and adds transparent padding, which suits logos. Fill and crop fills the square and trims the edges, which suits photographs.
FAQ
- What is the difference between favicon.ico and PNG icons?
- The ICO holds several sizes together and every browser understands it, including older ones. Separate PNG icons are what iOS, Android and the web manifest require. The full pack gives you both.
- Where do the files go?
- At the root of your site, then add the link tags shown below the tool into the head of your pages.
- What makes a good source image?
- A square image on a transparent background, 512 pixels or larger. Simple logos read far better at 16 pixels than detailed artwork.
- Is transparency preserved?
- Yes. Every size is generated as PNG, inside the ICO and outside it, and PNG supports transparency fully.
- Is SVG supported?
- Yes, and it is the best possible source — it is drawn at each icon's exact size, so the result is perfectly sharp.
- What size is an iOS icon?
- 180 pixels, for the apple-touch-icon tag. It is selected by default in the size list.
- Is my image uploaded to a server?
- No. Generation happens entirely in your browser, and the ICO file itself is assembled byte by byte on the page.
- What is site.webmanifest?
- A file telling Android which icons to use when someone adds your site to their home screen. We generate it ready inside the pack.