PNG to ICO: turn a PNG into a favicon.ico without uploading it

To convert PNG to ICO for a website, drop the PNG into a favicon tool that packs several sizes into one .ico file. The free AyeTab Favicon Generator does this in your browser: it builds a favicon.ico with 16, 32 and 48 px layers from your PNG, without uploading it.

What an ICO file actually is

A PNG holds one image at one size. An ICO is a container that can hold several images at different sizes in a single file. When a browser loads favicon.ico, it picks the layer that fits the spot: a small one for the tab, a larger one for a shortcut.

That is why renaming logo.png to favicon.ico does not do the job. The file needs the right header and the right layers inside. For favicons, the usual set is 16, 32 and 48 px.

Convert a PNG to favicon.ico in three steps

1. Open the PNG to favicon tool on AyeTab and drop or paste your PNG. A square image of 512 px or more gives the cleanest small sizes.
2. Check the previews. Use Options to add padding if the logo touches the edges, round the corners, or keep the transparent background from your PNG.
3. Press Download favicon.ico. The file holds the 16, 32 and 48 px versions, ready to place in your site root.

The conversion happens on a canvas in your browser, so the PNG never leaves your computer, and there is no account or watermark.

Do you even need an ICO?

Modern browsers read PNG favicons fine, and Google accepts ICO, PNG and several other formats for search results. RealFaviconGenerator's own guide goes further and says favicon.ico is now mainly useful for one case, PDFs opened in the browser. Still, many sites keep one in the root as a fallback, because some browsers request /favicon.ico even when no tag points to it. It is a small file and costs nothing to include.

What most sites need is a mix:

AyeTab gives you all of these from the same PNG, plus a Copy HTML button with the link tags and a manifest download.

When you need a general ICO converter

The Favicon Generator is shaped for websites, so its ICO always holds the favicon sizes. If you need an ICO at other dimensions, for example for a desktop app, AyeTab has a separate Image Converter that converts between PNG, JPEG, WebP, BMP and ICO with resize options. favicon.io's converter also outputs an ICO from a PNG, JPG or BMP.

Put the ICO to work

Copy favicon.ico to the root folder of your site, next to your home page, so it loads from an address like https://example.com/favicon.ico. Then add a <link rel="icon" href="/favicon.ico" sizes="32x32"> tag inside the head of your pages. AyeTab's Copy HTML button gives you that line along with the tags for the PNG, Apple and manifest files. Browsers cache icons, so use a hard reload when you test the change.

Tips for a clean result

• Start from a PNG with a transparent background so the icon sits well on light and dark tabs.
• Avoid text in the icon; it blurs at 16 px.
• Trim empty space around the logo first, then add a little padding back in the tool so the edges are even.

Both tools live in the AyeTab extension for Chrome, which puts its developer tools on every new tab, so the next conversion is a keystroke away.