Private browser converter
Favicon Generator — Every Icon Size From One Image, in Your Browser
Locally. No upload. No account.
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 deviceWhat to expect
Your image (what you drop in)
- One square (or near-square) image
- A single fixed size
- Works in exactly one context
Favicon set (what you get)
- 16, 32, 48px + .ico for browser tabs
- 180px Apple touch icon
- 192 and 512px Android/PWA icons
This tool generates icon files only — it does not create or edit a manifest.json, and it doesn't produce the older Safari pinned-tab SVG or Windows tile assets.
What you get
Every modern size, one drop
16, 32, 48, 180, 192, and 512px files plus a combined .ico, generated from one source image.
A live preview before you download
See how the icon looks at each size before committing, so a design that reads fine large but blurs at 16px doesn't surprise you later.
Copy-paste link tags
The download includes the exact <link> tags for your site's <head> — no guessing which size maps to which tag.
Nothing uploaded
Resizing runs in your browser's memory. Your logo never touches a server.
What changes — and what does not
| Property | Your image | Favicon set |
|---|---|---|
| File count | 1 image | 6 PNGs + 1 .ico |
| Sizes | Whatever you uploaded | 16, 32, 48, 180, 192, 512px |
| Shape | Any aspect ratio | Cropped to square before resizing |
| manifest.json | Not applicable | Not generated — add icon entries yourself |
| Legacy formats | Not applicable | Not generated — no browserconfig.xml or pinned-tab SVG |
| File format | PNG or JPG | PNG set + .ico |
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 |
How 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>.
Use cases
Launch a new site with a full icon set
Generate every size a browser, iPhone, or Android home screen might request, instead of guessing which ones you need.
Replace a blurry icon
Swap a single stretched file for a proper set built from a higher-resolution source image.
Add a home-screen icon for a PWA
Get the 192 and 512px sizes Android and PWA installs look for, alongside the standard browser-tab sizes.
Standardize icons across a redesign
Regenerate the whole set from an updated logo so every size stays consistent after a rebrand.
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.
Continue working with your file
Three ways to generate a favicon
| Tool | Runs where | Output | Notes |
|---|---|---|---|
| LayerPorter | Your browser — no upload | Modern sizes (16–512px) + .ico, live preview | Free, no account, no legacy formats |
| RealFaviconGenerator | Cloud — file uploaded | Full legacy + modern set: browserconfig.xml, Safari pinned tab, Windows tiles | Free, more files to manage |
| Manual resize in an image editor | Desktop app | Exactly the sizes you choose, one at a time | Full control, but resizing six files by hand takes real time |
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.
What's the recommended source image size to start from?
512×512px or larger, and as close to square as possible. Starting bigger gives the resizer more detail to work with when it shrinks down to 16px; starting smaller means the larger sizes may look soft.
Do I need to generate a manifest.json separately?
Yes. This tool outputs the icon PNGs and .ico file, but a Progressive Web App also needs a manifest.json listing those icons — add the entries yourself using the sizes and filenames from your download.
Will the icon look sharp on a Retina or high-DPI screen?
Yes, as long as the source image is high-resolution — each size is generated fresh from your original, not upscaled from a smaller PNG, so 512px stays sharp on high-density displays.
What if my logo isn't square?
It gets cropped to a square before resizing, centered on the image. For predictable results, crop it to square yourself before uploading, especially if the important part of the logo isn't centered.
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.