Favicon generator

Drop in a logo and get favicon.ico plus the PNG sizes browsers, iOS and Android each want, with the markup to paste into your head. Built in this tab, so an unreleased logo stays unreleased.

Getting the tool ready…
Next?Resize imageConvert formatColour palette
Your file never leaves this device. How that works

How to make a favicon from an image

STEP 1

Add your logo

Square works best, at least 512 pixels. PNG with transparency is ideal.

STEP 2

Choose a background

Keep it transparent, or put it on white or black if your mark needs a solid backing.

STEP 3

Save the set

Download each file into your site root, then paste the three lines of HTML into your head.

What you actually need, and what you do not

Guides exist that list twenty favicon files and a web manifest. Almost none of it is necessary now. A .ico containing 16, 32 and 48 pixel versions, a 180 pixel apple-touch-icon, and 192 and 512 pixel PNGs cover every browser and both mobile platforms.

The .ico still matters, because browsers look for /favicon.ico whether you asked them to or not, and a missing one means a 404 in your logs on every first visit. The file produced here holds PNG data inside the .ico container, which every current browser and modern Windows accept.

Detail is what fails at small sizes. A logo with a wordmark becomes an unreadable smudge at 16 pixels, so use the mark on its own. Test at actual size rather than zoomed in, because a favicon is only ever seen tiny.

Nothing here is uploaded. That matters more than it sounds for this particular tool, since the logo you are converting is frequently for a product that has not launched yet.

Questions

Is my file uploaded anywhere?

No. The work happens inside this tab, on your own machine. Open your browser's network tab while you use the tool, there is no request carrying your file.

Is there a file size limit?

None set by us. Very large files are limited only by your device's memory, and we warn you before that becomes a problem.

Do I need an account?

No, and there is no daily limit either. There is nothing to sign up for.

Do I still need favicon.ico?

Yes. Browsers request /favicon.ico regardless of what your HTML says, so having one avoids a 404 on every first visit.

What size should my source image be?

Square and at least 512 pixels. Larger is fine, it gets scaled down.

Where do the files go?

In the root of your site, next to index.html, unless you change the paths in the HTML snippet.

Next, you might want to

Resize imageExact pixels, percentages or presetsConvert formatJPG, PNG and WebP, both directionsColour palettePull the colours out of a pictureCrop & rotateStraighten, flip, crop to a ratio