HIFreeTools
ENES

Favicon Generator

Upload one image and get favicons at every standard size — 16, 32, 48, 64, 180 (Apple), 192, and 512px — ready to download, all in your browser.

FreeNo sign-upPrivate — runs in your browser, nothing is uploaded

Choose a square image (logo / icon)

Drop an image here, paste from clipboard, or browse

JPG, PNG, WebP… · processed in your browser, never uploaded

Generates all standard favicon sizes from one image. Runs entirely in your browser — your image is never uploaded.

Quick answer

A favicon generator turns one image into the small icons browsers show in tabs, bookmarks, and on home screens. Upload a square image and this tool produces PNGs at every standard size — 16, 32, 48, 64, 180 (Apple touch icon), 192, and 512px — by center-cropping to a square and scaling each one. It runs in your browser, so your image is never uploaded, and modern browsers accept these PNG favicons directly.

Formula & method

The largest centered square of your image is taken, then drawn to a canvas at each target size with high-quality scaling and exported as a PNG. The 16/32/48px files are the classic favicon sizes, 180px is Apple's touch icon, and 192/512px are used by web-app manifests for installable PWAs and Android home screens.

Examples

Example 1: From a logo
Input
Square 512px logo
Result
16–512px favicon set
Why
One upload yields every size you need for a site.
Example 2: Apple touch icon
Input
Any image
Result
180×180 apple-touch-icon.png
Why
The size iOS uses when a site is added to the home screen.
Example 3: PWA icons
Input
Any image
Result
192 & 512px PNGs
Why
The sizes a web-app manifest references for installable apps.

When to use this tool

  • Adding a favicon to a new website.
  • Generating Apple touch and PWA manifest icons from one image.
  • Refreshing a site's icons after a logo change.

Common mistakes

  • Uploading a wide or tall image and expecting it un-cropped — non-square images are center-cropped to a square.
  • Using a detailed logo that turns to mush at 16px; favicons need a simple, bold mark.
  • Forgetting to reference each size in your HTML and manifest after downloading.

Frequently asked questions

What sizes does it generate?

16, 32, 48, 64, 180 (Apple touch icon), 192, and 512px PNGs — covering browser tabs, bookmarks, iOS home screens, and web-app manifests.

Do I need an .ico file?

Not usually. Modern browsers accept PNG favicons via <link rel="icon">. The 16 and 32px PNGs cover the classic .ico use cases.

Does my image need to be square?

Square works best. Non-square images are automatically center-cropped to a square before scaling, which may trim the edges.

Is my image uploaded?

No. Every size is generated locally on a canvas in your browser.

How do I add them to my site?

Reference the 16/32px files in a <link rel="icon">, the 180px file as apple-touch-icon, and the 192/512px files in your web-app manifest.

Why does my favicon look blurry at 16px?

Fine detail disappears at tiny sizes. Use a simple, high-contrast mark rather than a detailed logo for small favicons.

Sources & references

External references open in a new tab. We are independent and not affiliated with these organizations.

  • ✓ Free to use
  • ✓ No sign-up required
  • ✓ Runs entirely in your browser — nothing is uploaded.
  • ✓ Formula and method shown above
Last updated: How we calculateReport a correctionDisclaimer

Provided “as is” for general information only — results may be inaccurate, so verify before you rely on them. No warranty; use at your own risk.

Built and reviewed by HIFreeTools against the formula shown above and any authoritative references cited on this page. See our methodology and editorial standards.

Related tools

Embed this tool on your site

Free to embed, no sign-up. Paste this code where you want the favicon generator to appear: