Do I still need a favicon.ico?

Yes, as a fallback. Modern browsers prefer the PNG links, but some older ones and a lot of feed readers, crawlers and link previewers still request /favicon.ico from the site root by name.

What size should my source image be?

At least 512 by 512, square, with a little padding around the mark. Anything smaller has to be scaled up for the manifest icons and will look soft.

Will my logo be readable at 16 pixels?

Often not. Sixteen pixels is about three letterforms wide. A full wordmark turns to mush at that size, so most sites use a single letter or symbol for the small icons.

Is my image uploaded anywhere?

No. The image is read from your disk, scaled and encoded in this page. Open your Network tab and watch: after the page loads, there are no further requests.

Image to favicon

ArdoIcon

One image in, every icon size out — a favicon.ico, the PNGs browsers and phones ask for, a web manifest, and the HTML to paste. Your image is never sent anywhere.

This tool needs JavaScript enabled to work. Please enable JavaScript in your browser settings, then reload the page. #tool-interactive { display: none; }

Choose an image

or drop one here — PNG, JPEG, WebP or SVG, ideally 512×512 or larger

Your image never leaves your browser. Everything runs on your device.

Background

Keep transparent

Fill colour

Preview

Paste this into your <head>

How it works

Drop in one image

A square PNG, JPEG, WebP or SVG. 512×512 or larger gives the best result.
Every size is drawn for you

Scaled down in steps rather than in one jump, so the small icons stay sharp instead of going noisy.
Take the zip and the snippet

A favicon.ico, seven PNGs, a web manifest, and the link tags to paste.

What you get

favicon.ico

16, 32 and 48 pixel versions in one file, for the browsers and crawlers that still ask for it by name.

Browser PNGs

16, 32, 48 and 64 pixel icons — what tabs, bookmarks and history entries actually display.

Apple touch icon

The 180 pixel icon iOS uses when someone adds your site to their home screen.

Manifest icons

192 and 512 pixel icons plus a site.webmanifest, for Android and install prompts.

Questions

Do I still need a favicon.ico?: Yes, as a fallback. Modern browsers prefer the PNG links, but some older ones and a lot of feed readers, crawlers and link previewers still request /favicon.ico from the site root by name.
What size should my source image be?: At least 512×512, square, with a little padding around the mark. Anything smaller has to be scaled up for the manifest icons and will look soft.
Will my logo be readable at 16 pixels?: Often not. Sixteen pixels is about three letterforms wide. A full wordmark turns to mush at that size, so most sites use a single letter or symbol for the small icons and keep the wordmark for the larger ones.
What happens to a non-square image?: It is fitted inside the square rather than cropped, so nothing is cut off. If the result looks lost in the middle, crop it square before dropping it in.
Is my image uploaded anywhere?: No. The image is read from your disk, scaled and encoded in this page. Open your Network tab and watch: after the page loads, there are no further requests.