How Favicon Generator Works
Your image is center-cropped to a square (if it isn't one already), then redrawn onto a canvas at each standard favicon size — 16×16 and 32×32 for browser tabs, 180×180 for Apple touch icons, and 192×192 / 512×512 for Android and web app manifests.
How to Use This Tool
- Upload a square logo or icon — the higher resolution, the better the smaller sizes will look.
- Preview each generated size in the grid.
- Download the sizes you need individually and add them to your site's
<head>or manifest.
Example
A 512×512px logo generates a crisp 16×16 tab icon, a 180×180 Apple touch icon for iOS home screens, and a 512×512 icon for Android's web app manifest — all from the same source image.
Helpful Tips
- Start with a square image at least 512×512px for the sharpest results across every generated size.
- Simple, high-contrast logos tend to stay legible at 16×16px; very detailed artwork can look muddy at the smallest size.
Frequently Asked Questions
Is my image uploaded anywhere?
No, every size is generated locally in your browser using the Canvas API.
Why is my image being cropped?
Favicons are square. If your uploaded image isn't square, it's center-cropped to the largest square that fits, so nothing gets stretched or distorted.
Does this generate an .ico file?
No, it generates PNG files at each standard size, which every modern browser accepts for favicons via a tag — a single multi-size .ico file isn't necessary.
This tool runs entirely in your browser. Your input is not uploaded to any server.