Skip to content

Favicon Generator for Websites

Generate a complete set of favicon sizes from one image, packaged as a ready-to-use ZIP with HTML code included.

Runs entirely in your browser β€” your files are never uploaded to a server.

Last updated

This tool processes your image entirely in your browser. Nothing is sent to our servers.

How It Works

1. Choose Your File

Drag & drop or select the file you want to work with.

2. Processed in Your Browser

Everything happens locally on your device β€” your file is never uploaded anywhere.

3. Download Your Result

Get your finished file instantly, ready to save or share.

About Favicon Generator for Websites

A favicon is the small icon that appears in a browser tab, bookmarks list, and browser history next to your site’s name β€” a small detail, but a missing or generic-looking favicon (or the browser’s default blank-page icon) makes a site look unfinished even when everything else is polished.

The tricky part of favicons isn’t the image itself, it’s the range of sizes and formats different browsers, devices, and contexts expect β€” a favicon that looks sharp in a browser tab can look pixelated as a home-screen icon on a phone if it wasn’t generated at a sufficient resolution for that larger use case.

This tool generates the standard set of sizes from a single source image, so you get a complete, properly-sized set rather than needing to manually resize and export multiple versions yourself. For best results, start with a square, simple image β€” a favicon is displayed very small, so intricate detail tends to disappear entirely at that size regardless of how sharp the source image is.

Frequently Asked Questions

How do I make a favicon?

Upload a JPG, PNG or WebP image, preferably square and simple. The tool centre-crops it to a square and generates PNG icons at 16, 32, 48, 180, 192 and 512 pixels. Download them individually or as one ZIP that also includes a ready-made HTML snippet.

How do I make a favicon from a PNG?

Upload your PNG and it produces all six icon sizes. If the PNG is not square, it is cropped from the centre, not stretched, so use a square logo with some padding. Transparent PNG backgrounds are kept in the generated files.

How do I make a favicon in HTML?

Paste the generated link tags into the head section of your pages and upload the icon files to your site's root folder, since the snippet points to paths like /favicon-32x32.png. The snippet covers standard icons, an Apple touch icon and Android sizes.

Does this tool create a favicon.ico file?

No. It outputs PNG files only, with no .ico export. Modern browsers accept PNG favicons through the link tags provided. If you specifically need a favicon.ico for older software, use a separate ICO converter on the 32 or 48 pixel PNG.