Favicon Generator — Every Icon Size From One Image, in Your Browser
This free favicon generator takes one square image and builds every size a site typically needs: 16, 32, and 48px plus the .ico file for browser tabs, 180px for the Apple touch icon, and 192 and 512px for Android and PWA home screens. Everything renders on your device — nothing is uploaded, and each size previews before you download.
Generate a favicon from an image
100% client-side — nothing leaves your deviceHow it works
- Drop your image. Drag a square PNG or JPG into the upload zone — a logo or icon mark works best, since every size is a crop of the same square.
- Preview each size live. See how the image looks at 16, 32, 48, 180, 192, and 512px before you commit to a download.
- Everything renders locally. Your browser resizes and packages the icons — nothing is sent to a server.
- Download the set. Save the PNGs and the .ico file, then add the linking tags to your site's <head>.
Sizes and files you get
| What | Preserved? |
|---|---|
| favicon.ico (16, 32, 48px combined) | Yes — the classic multi-size file browsers fall back to |
| apple-touch-icon.png (180px) | Yes — shown when a visitor adds your site to an iPhone or iPad home screen |
| android-chrome-192px and 512px PNGs | Yes — used for Android home screens and as PWA icons |
| manifest.json | Not generated — add the icon entries to your own manifest if you run a PWA |
| Safari pinned-tab SVG / browserconfig.xml | Not generated — these cover Safari's old pinned-tab feature and Windows 8 tiles, both largely retired |
| Non-square source images | Cropped to a square before resizing — start with a square image for predictable results |
Favicon generator vs RealFaviconGenerator and favicon.io
| Tool | Where it runs | Output | Free limits |
|---|---|---|---|
| LayerPorter | Your browser — no upload | Modern sizes (16–512px) plus .ico, live preview | Free, no account |
| RealFaviconGenerator | Cloud — file uploaded | Full legacy + modern set: browserconfig.xml, Safari pinned tab, Windows tiles | Free |
| favicon.io | Cloud — file uploaded | Modern sizes plus .ico, also generates from text or emoji | Free |
RealFaviconGenerator still outputs the full legacy set — Windows tile icons, browserconfig.xml, a Safari pinned-tab SVG — on top of the modern sizes. Worth using instead if you specifically need that older platform coverage; most sites in 2026 don't.
FAQ
What sizes does a favicon actually need in 2026?
16 and 32px for browser tabs, 48px for the classic .ico file, 180px for the Apple touch icon, and 192 plus 512px for Android and PWA home screens. Older formats like Windows tiles and Safari's pinned-tab SVG cover browsers most sites no longer need to support.
Is a favicon the same thing as a website icon?
Yes — favicon, site icon, and website icon all mean the same small image that shows up in a browser tab, bookmark list, and home-screen shortcut. The name comes from 'favorite icon,' from the early days of browser bookmarking.
Do I need a square image to start?
Yes, or close to it. Every favicon size is a resized crop of the same square, so a wide banner or a portrait photo gets cropped before resizing — a logo or icon mark on a plain background works best.
How do I add the generated favicon to my site?
Upload the PNG and .ico files to your site's root or an /icons/ folder, then add a <link> tag in the <head> for each size — the download includes the exact tags to copy in.
Why do I need six different sizes instead of one?
Because devices ask for different sizes: a browser tab requests a small icon, an iPhone home screen requests 180px, and Android or a PWA install requests 192 or 512px. One oversized file gets scaled down inconsistently across browsers, so most sites ship several fixed sizes instead.
More conversions
A logo file is one image; a favicon is six or seven, each a different size for a different corner of the web — a browser tab, a phone home screen, a PWA install icon. Generating the set by hand means resizing the same square over and over. This tool does that resizing in your browser and hands back every file at once, with the linking tags to match.