Upload your image, choose a square crop, and create a complete website icon set. Select your sizes and formats, then download everything in one ZIP.
Simple workflow
Choose a still PNG, JPG, JPEG, or WebP. Use a clear source of at least 512 x 512 pixels when possible.
Move or resize the square, zoom or reposition the image, then select Apply Crop. Check the actual-size favicon previews.
Select sizes, export formats, backgrounds, and a filename prefix. Deployment icons include PNG for compatibility.
Generate the ZIP, preview its icons, and download it. Upload the files to /icons/ and use the included installation instructions.
About this tool
Icons use square canvases so browsers and devices can display them consistently. Select the most recognisable part of your image and inspect it at 16, 32, and 64 pixels before exporting. A clear crop of at least 512 pixels avoids enlarging the standard outputs. Smaller images are accepted, with a quality notice when enlargement is needed.
Benefits
Every output is generated directly from the same square portion of your original image.
Export browser favicons, a combined ICO, Apple touch, PWA, and a separate maskable icon.
Optional HTML links, a README, and an icon manifest starter reference the files actually exported.
FAQ
Square canvases work consistently across browser tabs, bookmarks, and device icons. The crop keeps the selected artwork square without stretching it.
Use a clear image at least 512 x 512 pixels. Smaller sources are allowed, but outputs larger than the selected crop need enlargement and may look softer.
No. Transparent preserves transparent areas already in the source. PNG and WebP support alpha transparency; use the background remover separately to remove an existing background.
JPG uses a solid background, white by default. Apple touch and maskable icons also use the selected opaque background color.
The combined favicon ICO contains 16 x 16, 32 x 32, and 48 x 48 frames, even when the cropped source is smaller.
Regular PWA icons use 192 and 512 pixel PNGs. The separate maskable icon uses an opaque background and places the complete cropped artwork inside the central safe circle. Icons alone do not make a complete installable PWA.
Upload the extracted files to /icons/ and paste head_snippet.html links inside your HTML head. Merge generated icon entries into an existing manifest if you have one. Configure the app name, start URL, scope, and display mode separately.