ARDOtools

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. Free, no sign-up required.

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

Background

How it works

  1. Drop in one image

    A square PNG, JPEG, WebP or SVG. 512×512 or larger gives the best result.

  2. 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.

  3. 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.

Not sure which of these you need? Read favicon size and format: which files you actually need.

What people use it for

A new shop or blog

Open tabs all start to look alike. A small, clear icon is how a visitor finds your site again among a dozen others.

Side projects and client sites

One logo in, the whole set out, instead of exporting seven sizes by hand and hoping none was missed.

Home-screen shortcuts

A customer who adds your store or tool to their phone gets your icon, not a plain tile with a letter on it.

Bookmarks and search

Bookmark lists show a site's icon beside its name, and phones often do the same in search results.

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.
Which favicon sizes do I actually need?
In practice: 16 and 32 pixels for browser tabs and bookmarks, 180 for the Apple touch icon, and 192 and 512 for Android and the web manifest. The set produced here covers all of them, which is why it is a zip rather than a single file.
What's new in the zip besides the classic favicon sizes?
Two maskable icons for Android's adaptive-icon shapes, a Windows tile (mstile-150x150.png and browserconfig.xml), and a theme-color meta tag. When the source image has real transparency, a Safari pinned-tab silhouette is included too. All of it is already wired into the snippet, so pasting it is enough.
I uploaded an SVG. Do I get an SVG favicon back?
Yes. The original file ships alongside the PNGs as favicon.svg, and the snippet's first line points browsers that support it there directly; everything else still falls back to the PNG set for browsers that don't.