You've got a logo as a PNG and you want that little icon to show up in the browser tab next to your site's name. That icon is called a favicon, and the classic, most compatible way to add one is an .ico file. If you're not sure what ICO is or how to turn your PNG into one, here's everything you need.
What is a favicon, and why ICO?
A favicon is the small image a browser displays in the tab, the bookmarks bar, and the history list. It's how people recognize your site at a glance among a dozen open tabs.
ICO is a Windows icon format that has been the traditional home for favicons since the early web. Its key trick is that a single .ico file can contain several image sizes at once. The browser then picks the right size for wherever it's showing the icon. That's why an ICO favicon placed at the root of your site, often as favicon.ico, is the most reliable, broadly supported way to give every browser an icon it can use.
Modern sites often add PNG icons too, for things like high-resolution displays and mobile home screens. But the humble favicon.ico remains the dependable baseline that works everywhere, including older browsers.
What sizes do you need?
A favicon shows up at small dimensions, so the icon needs to stay legible when it's tiny. The most common sizes packed into an ICO file are:
- 16x16 pixels, the classic browser-tab size.
- 32x32 pixels, used on higher-resolution screens and some bookmark views.
- 48x48 pixels, used in some Windows contexts.
A good ICO favicon bundles these sizes together so the browser always has a crisp version to draw. Because the image is rendered so small, simple, high-contrast designs read far better than detailed ones. If your logo is intricate, consider a simplified mark for the favicon.
Preparing your PNG
Before converting, a little prep goes a long way:
- Start square. Favicons are square, so a square PNG avoids awkward stretching or cropping. If your source isn't square, crop or pad it first.
- Use transparency where it helps. A PNG with a transparent background lets the icon sit cleanly on light or dark browser themes.
- Keep it bold. At 16 pixels wide, fine detail disappears. Strong shapes and clear color make the icon recognizable.
How to convert PNG to ICO with Toolmingo
The most direct route is Toolmingo's Favicon Generator, which is built specifically for this job. It's free, runs entirely in your browser, requires no upload to a server, and adds no watermark. Here's how:
- Open the Favicon Generator tool on Toolmingo.
- Drag in your PNG (ideally a square image), or click to select it from your computer.
- The tool prepares the favicon at the standard sizes, so a single file covers tabs, bookmarks, and more.
- Generate and download your favicon, ready to drop into your site's root directory.
- Add the favicon reference to your HTML, and reload your site to see the icon appear in the tab.
If you first need to get your image into PNG form, or convert from another format entirely, the Image Converter handles that step, also free and in your browser. Convert to PNG there, then bring it into the Favicon Generator.
Adding the favicon to your site
Once you have the file, place it at the root of your website (commonly favicon.ico). Most browsers look there automatically, but it's good practice to reference it explicitly in the <head> of your HTML with a link element pointing to the file. After uploading, you may need to refresh, and browsers sometimes cache old favicons, so a hard reload or a different browser can confirm it's working.
FAQ
Do I still need an ICO file, or can I just use a PNG favicon?
Modern browsers support PNG favicons, but an ICO file at your site root remains the most universally compatible option, especially for older browsers. Many sites use both: an ico baseline plus PNG icons for high-resolution and mobile uses.
What size should my favicon be? The standard tab icon is 16x16 pixels, with 32x32 and 48x48 commonly bundled in the same ICO file so browsers can choose the best fit. Starting from a larger square image lets the tool produce all sizes cleanly.
Is my logo uploaded anywhere when I make a favicon? No. Toolmingo's Favicon Generator and Image Converter run in your browser. Your image is processed locally and never sent to a server, so even an unreleased brand logo stays private.