How to Make a Favicon From an Image (Free, No Signup)
By the 325Tools Team · Updated 2026-06-10
Wonder why your site icon shows up crisp in a browser tab but fuzzy on a phone's home screen? It's because a proper favicon isn't one image — it's several sizes for different contexts. Here is how to make a complete favicon set for free in your browser.
Generate your favicon
- Open the free Favicon Generator.
- Upload a square image (a logo or simple mark works best).
- Download the generated icon set, including the
favicon.ico.
The image is processed on your device, so nothing is uploaded.
The sizes you actually need
Modern sites use a handful of sizes for different contexts:
- 16×16 and 32×32 — classic browser tab and bookmark icons (bundled into the
.ico). - 180×180 — Apple touch icon for iPhone/iPad home screens.
- 192×192 and 512×512 — Android and PWA icons (used in your web app manifest).
The Favicon Generator produces these for you so you don't have to resize each one by hand.
Add it to your site
Drop the files in your site root and add this to your <head>:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
For Android/PWA, reference the 192 and 512 icons from your web app manifest. Once your site is live, you can verify that every size and manifest entry is picked up correctly with the free favicon checker — it flags missing touch icons for you.
Tips
- Start square. If your source isn't square, crop or pad it first with the Image Resizer.
- Have an SVG logo? Rasterize it to PNG with SVG to PNG before generating.
- Need just the .ico? Convert a single PNG with the ICO Converter.
Privacy note
Everything runs locally in your browser — your image is never uploaded to a server.
Frequently asked questions
Do I still need a .ico file? Yes — it remains the most broadly supported format, and the Favicon Generator includes one.
Why does my favicon look blurry? Use a simple, high-contrast mark; fine detail disappears at 16×16.
How it compares
The all-manual route is to open an image editor, export each size by hand, and pack the 16×16 and 32×32 into an .ico yourself — full control, but tedious and easy to get wrong (a single missing Apple touch icon and iPhones fall back to a blurry screenshot). At the other extreme, a single <link rel="icon" href="logo.png"> is one line but skips the .ico and the home-screen sizes, so older browsers and pinned shortcuts look rough. A generator hits the middle: you upload once and get the whole set — .ico, PNGs, and touch icon — already sized correctly, then paste the markup. The only thing it can't do is design the mark for you, so start from a clean, square source.