Favicon Generator

Upload one image and generate a full set of favicon sizes, packaged as a ZIP.

Maximum file size: 50 MB for guests — sign up for up to 500 MB.

Generates 16×16, 32×32, 48×48, 180×180, 192×192, and 512×512 PNGs

About the Favicon Generator tool

The Favicon Generator tool creates a browser favicon from an image so your website shows a custom icon in browser tabs and bookmarks. Generation runs in your browser, so your image stays private.

A favicon strengthens your brand and helps visitors spot your site in crowded tabs. The tool produces the small square format browsers expect.

Favicons are a small but meaningful part of a professional web presence. A site without one looks unfinished in a browser tab, and visitors struggle to find it among a crowded set of open tabs. A clear favicon also appears in browser history, bookmark bars, and mobile home-screen shortcuts, reinforcing your brand every time someone returns.

The best favicons are simple and high-contrast: a single letter, a bold icon, or a simplified logo reads clearly at 16 by 16 pixels, where fine detail and thin lines disappear. The tool takes your source image and produces a favicon-sized output that keeps the essential shape recognisable at the tiny dimensions where it will actually be displayed.

How to use Favicon Generator

  1. 1Select the image you want to turn into a favicon.
  2. 2Choose the output size (commonly 16×16, 32×32, or a multi-size set).
  3. 3Generate the favicon. The tool renders the icon in your browser.
  4. 4Download the favicon file and add it to your website root, then reference it in your HTML.

How the browser-based processing works

Favicon generation runs entirely in your browser using the HTML Canvas API. When you load a source image, the tool draws it onto an off-screen canvas scaled down to favicon dimensions, preserving the centre of the image and applying image smoothing so the reduction stays clean. The canvas is then re-encoded as a PNG-based favicon file and downloaded.

Your image never leaves your device — there is no upload, no server-side processing, and no copy retained after download. The original file on your device is never modified; the tool produces a new favicon file you download alongside it. Because the output is generated from your source locally, you can try several source images and keep the one that looks best at small size.

To install the favicon, place the file in your website root directory and add a link tag inside the head of your HTML pointing to the file. For a complete icon set that covers retina tabs and mobile home screens, generate several sizes and declare them with multiple link tags. Start from a square source image for the cleanest result.

Frequently asked questions

Related tools

Share this tool