Favicon from Image
Turn a logo into a complete favicon set in your browser — favicon.ico, 16/32/48 px PNGs, Apple touch icon, manifest icons — with the tags to paste.
A zip of every icon file a site needs, cropped or padded the way you chose, plus the HTML head snippet and manifest JSON, without the image leaving your machine.
Example: A 640 × 360 logo becomes a centred 360 × 360 square at 16, 32, 48, 180, 192 and 512 px, an .ico holding the three small sizes, six <link>/<meta> lines and a manifest listing 192 and 512.
Six sizes,
one square.
Which files a site needs and why, how the square is taken from your image, and how the .ico and .zip are built.
The set
Browser tabs use 16 and 32 px PNGs (and the legacy favicon.ico, which here holds 16, 32 and 48 px entries); iOS reads apple-touch-icon.png at 180 px; Android and desktop “install” prompts read 192 and 512 px icons from the web app manifest. Those sizes are the platforms' published requirements, not guesses. The head snippet links each file with its size and type, and the manifest lists the two large icons with the name and colours you enter.
Crop or pad
Icons are square. “Crop” takes the largest centred square of your image; “fit whole image” scales the entire picture into the square and paints a background behind it. Optional padding keeps the artwork away from the edge (touch icons are shown with rounded corners, so a few percent helps). Each size is drawn from the original pixels, not from a smaller icon, so the 16 px version is as good as downsampling can make it; a source under 512 px is flagged because the largest icon would be upscaled.
Files
PNGs come from the canvas encoder. The .ico is assembled here as a directory of PNG-compressed entries — the form Windows and every browser have accepted for years. The .zip is a plain “store” archive with CRC-32 checksums, written in the page, since PNGs do not compress further. iOS paints its own background behind a transparent touch icon; choose a colour if that matters. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.
SOURCES
- Apple Human Interface Guidelines — Safari web content: apple-touch-icon 180 × 180 px
- Web Application Manifest (W3C) — icons member; 192 and 512 px are the sizes installability checks look for
- ICO file format — directory entries with PNG-compressed images (accepted by all current browsers)
Last reviewed 20 September 2026. How results are checked: How we verify.