One image gives you the whole set: PNG icons at 16, 32, 48, 192 and 512 pixels, the 180 one iOS asks for, and a real favicon.ico with three sizes inside it.
The image is cropped square from the centre and scaled with the browser’s high-quality filter. With the HTML snippet included, you only have to copy four lines into your <head>.
How to use it
- Drop in the logo, the squarer the better.
- If you want a background or some padding, set it.
- Process and download the ZIP with everything in it.
Frequently asked questions
- How big should the source image be?
- At least 512 × 512 pixels, and square if possible. If it is an SVG, turn it into a large PNG first with “SVG to PNG”, so you control the resolution.
- Is the .ico still needed?
- Yes, for browsers and sites that still ask for it at the root by default. It weighs almost nothing and saves you failed requests in the server log.
- Why is it illegible at 16 pixels?
- Because a logo with fine detail does not survive sixteen pixels. That size usually needs a simplified version, often just the initial or the symbol.
Related tools
Convert imagesPNG, JPG, WebP and AVIF in any direction, in batches.
Compress imagesCut the weight by quality, or down to a size you pick.
Resize imagesWidth and height with fit control, and no upscaling by default.
Crop imagesDraw the crop on the picture and apply it to the whole batch.
Rotate and flipQuarter turns, and horizontal or vertical flips.