Tool StudioEvery favicon size your site needs, from one image
Upload a square logo or image
Non-square images are center-cropped to a square automatically.
Preview every size
See all 7 standard sizes generated instantly.
Download all + manifest
Get every PNG plus a site.webmanifest, ready to drop into your project.
Upload one image and get every favicon size a modern site needs — browser tab icons, Apple touch icon, and Android/PWA icons — plus a ready-to-use web manifest file.
It's automatically center-cropped to a square before resizing, the same way a CSS object-fit: cover would.
16×16, 32×32, 48×48, 96×96, 180×180 (Apple touch icon), and 192×192 / 512×512 (Android/PWA).
Modern browsers — Chrome, Firefox, Edge, and Safari 15.4+ — all support PNG favicons directly via a <link rel="icon" type="image/png"> tag, so you don't strictly need a legacy .ico file. The one reason to still keep one: some crawlers and very old browsers request /favicon.ico at your site root by convention regardless of what your HTML declares, and its absence can show up as a harmless but noisy 404 in your logs. Renaming a PNG to .ico won't work, though — since Windows Vista, an .ico file CAN store PNG-compressed image data internally, but the .ico wrapper itself is still a distinct multi-size container with its own header and directory listing every embedded size, not just a file extension change. A dedicated PNG-to-ICO converter builds that real container; a rename doesn't.
Drop the downloaded files at your site's root and add these inside <head>: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">, <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">, and <link rel="manifest" href="/site.webmanifest">. The manifest already points at the 192×192 and 512×512 files by name, so nothing else needs wiring up for Android or PWA installs.
Browsers cache favicons aggressively and separately from the rest of the page — Chrome, for example, keeps them in their own database rather than the normal page cache, so an ordinary hard refresh often changes nothing. The reliable fix is to make the file itself a new URL, e.g. href="/favicon-32x32.png?v=2", or clear cached images in your browser's settings. Opening the site in a private/incognito window is a quick way to check whether it's really a caching issue before assuming the file itself is wrong.
Not currently — this tool accepts PNG, JPEG, and WebP source images and renders every output size as PNG. If your logo only exists as SVG, export it to a high-resolution PNG (at least 512×512) first and upload that.
No — this tool needs an actual image file to start from; it doesn't generate one from text, an emoji, or an AI prompt. If you don't have a logo yet, generate or design one elsewhere first (a text-to-icon tool, an AI image generator, or a design app), then upload the result here to get every favicon size and the manifest from it.
They cover different places your icon gets displayed, not just different resolutions of the same spot: 16×16/32×32/48×48 are classic browser-tab and bookmark sizes, 180×180 is what iOS uses on the home screen when someone adds your site, and 192×192/512×512 are Android's home-screen icon and PWA splash-screen sizes. Shipping all of them, rather than just one, is what keeps the icon looking correct instead of blurry or stretched in each context.
No — the crop and resize happen entirely in your browser using the Canvas API. Your image never leaves your device or touches a server.
This tool always outputs static PNGs, so no. Even outside this tool, animated favicons are worth knowing are unreliable: browser support is genuinely inconsistent — Firefox animates them fully, Chrome and Edge often play a loop or two then freeze on one frame, and Safari shows only the first frame. Whatever your icon needs to communicate has to work as a single still image regardless.
No, and transparency isn't automatically the safer choice — a transparent icon inherits whatever background color the browser's own tab bar uses, so it can genuinely become harder to see after a visitor switches to dark mode, not easier. A simple, deliberate background color (rather than none at all) is often the more reliable choice unless you're specifically designing separate light/dark versions.
Keep it simple and high-contrast — most of your design detail disappears at the smallest real display size (16×16), so a shape or a bold single letter reads far better than a detailed logo. Check it at actual size rather than only the zoomed-in preview, and make sure it holds up against both light and dark tab backgrounds, not just the one you designed on.
Yes — every major browser still shows them in tabs, bookmarks, browser history, and open-tab switchers, and they show up in Google search results next to your listing too. The Apple touch icon and Android/PWA sizes this tool generates cover the further cases of someone adding your site to their home screen.
They can. This tool upscales a smaller source image to fill the larger sizes using standard smoothing, which softens fine detail rather than inventing sharp new pixels. For a crisp result across every size, start from a source image that's already at least 512×512.
Crop a photo to exact passport/visa photo dimensions for India, USA, UK, Schengen, Canada, China, and Australia. Interactive drag-and-drop crop box, precise pixel output at 300 DPI print quality. All processing happens in your browser.
Convert images between PNG, JPEG, WebP, and AVIF instantly. Also accepts GIF and BMP as source images. Preview before/after file size. All conversion happens in your browser — images never leave your device.
Resize images to exact pixel dimensions or by percentage, with an aspect-ratio lock. Convert to PNG or JPEG. Preview before/after size and dimensions. All processing happens in your browser — images never leave your device.
Compress PNG, JPEG, and WebP images to reduce file size while maintaining quality. Features adjustable quality control, batch processing, before/after preview, size comparison, and instant download. Perfect for optimizing images for web, email, or storage. All compression happens in your browser for complete privacy.
Drop a square logo/image here, or click to browse
Generates every standard favicon size + a web manifest — entirely in your browser