Upload one image and get a complete favicon package: an ICO with three sizes, PNG icons for browsers, Android and iOS, a site webmanifest and the exact HTML lines to paste. Everything is generated in your browser — the image never leaves your device.
Drop an image here to build a favicon package
One PNG, JPG, WebP or SVG in — a ready-to-install favicon package out.
Add these lines to your pages, put the files in your site root, and you are done:
One image in, one ZIP out. Inside it is the smallest set of favicon files that covers every modern surface — browser tabs, bookmarks, iOS home screens, Android launchers and installed web apps — plus a webmanifest that ties the Android sizes together. The page also shows the exact lines to paste into your pages, so the package works the moment both halves land on your host.
| File | What it is for |
|---|---|
| favicon.ico | 16 + 32 + 48 px in one container. The classic fallback that browser tabs, bookmark lists and PDF exports reach for first. |
| favicon-16x16.png / favicon-32x32.png | The two sizes browsers pick for tabs and HiDPI displays, declared directly so no scaling guesswork happens. |
| apple-touch-icon.png | 180 px. iOS ignores the ICO entirely and wants this one file for home-screen shortcuts. |
| android-chrome-192x192.png / 512x512.png | Launcher and install sizes for Android, referenced from site.webmanifest. |
| site.webmanifest | The manifest that ties the Android sizes together for installed web apps. |
Pad keeps every pixel: the image is scaled until it fits the square and centred, with the background you chose behind it. Crop fills the square edge to edge and trims what sticks out — no borders, at the cost of some pixels. Pad is the default because a cropped logo is usually worse than a padded one.
The background matters most for transparent sources. Home screens and task bars draw your icon on whatever background they like; a dark logo on a dark launcher is invisible. Fill the transparent areas with a colour you chose and the icon reads the same everywhere.
The set matches what major platforms actually request: 16 and 32 pixels for tabs, 48 for the ICO container, 180 for Apple touch icons, 192 and 512 for Android. Fewer sizes and some surface falls back to an ugly upscale; more sizes and you ship bytes that browsers never ask for.
If your source is an SVG it also ships as favicon.svg, byte for byte as you uploaded it. Vector icons stay sharp at every size, and browsers that support them prefer the vector over any raster frame.
Choose or drop one image — PNG, JPG, WebP or SVG. The tool builds a ZIP with every favicon a modern site needs, plus the exact HTML lines to paste into your pages. Download the package, put the files in your site root, paste the lines, and the icon shows up in tabs, bookmarks, home screens and installed apps.
Seven files: favicon.ico with 16, 32 and 48 pixel frames, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png at 180 pixels, android-chrome icons at 192 and 512 pixels, and site.webmanifest. If your input is an SVG, the original file joins the package as favicon.svg — eight files — so modern browsers can use the crisp vector version.
Favicons are squares, so a non-square image has to meet one. Pad scales the image down until it fits and centres it on a background you choose — nothing is cut off. Crop scales it until it fills the square and trims the excess from the edges — no borders, but some pixels are lost. Pad is the default because losing content is worse than adding space.
Transparent icons can render badly on home screens: Android and iOS place them on their own backgrounds, and a dark logo on a dark launcher simply disappears. Pick a background colour that matches where the icon will sit and the transparent parts are filled with it. The default, transparent, keeps the alpha channel untouched.
No. Decoding, resizing and packaging all happen in your browser with your device's own tools. There is no upload step, no server side copy, and no account.
Shrink photos to an exact target size — right in your browser.
Resize images by percent, longest edge or exact box.
Open iPhone HEIC photos anywhere — convert them to JPG.
Turn WebP images into JPGs that open everywhere.
Convert JPGs to WebP for smaller, faster-loading files.
Render SVGs to crisp PNGs at exactly the size you need.
Turn AVIF images into JPGs that open everywhere.
Turn PNGs into smaller WebP files with transparency intact.
Render SVGs to JPGs at the right size, flattened onto white.
Join several images into one long picture, stacked or side by side.
Stamp your name on photos — one corner or tiled across the image.
Pick a colour, read its HEX, RGB and HSL codes.