imissfiles38 tools
  1. Home
  2. Image tools
  3. Favicon Generator

Favicon generator

Turn one image into a complete favicon set, with the HTML to go with it.

Favicon Generator

Never uploaded

Your file is processed in this tab and never sent anywhere.

How to favicon generator

  1. Drop a square image. A logo or mark works best. SVG gives the sharpest result.
  2. Check the previews. See how it looks at each size before downloading.
  3. Download the zip. Every file plus the HTML to paste into your head tag.

About favicon generator

A favicon is one image with an unreasonable number of required forms. Browsers want a .ico for the tab. iOS wants a 180-pixel PNG for the home screen. Android wants 192 and 512 pixel PNGs referenced from a web manifest. Windows tiles want their own. Getting one of these wrong tends to be invisible until someone bookmarks your site and gets a blank square.

This tool takes a single source image and produces the whole set. The .ico contains multiple resolutions in one file, which is how the format is designed to work and why a properly built favicon looks sharp in a browser tab rather than like a blurred smudge. The PNG sizes cover mobile home screens and progressive web app installs, and a manifest is included so Android has something to read.

Start from a square image, and ideally an SVG or a large PNG. The output is only ever as good as the input, and a small or non-square source will be padded or cropped to fit. More importantly, design for the size it will actually be seen at: a 16-pixel favicon is about the width of a letter, so a detailed logo with fine lines or small text becomes an unreadable grey blob. Simple marks, single letters, and bold shapes are what survive. The previews show you each size at its real scale for exactly this reason.

The HTML block that comes with the zip is the part people usually get wrong. Modern browsers still look for /favicon.ico at the site root by convention, but explicit link tags in your head are what control the rest, and their order and attributes matter. Paste the block as given, put the files at your site root, and the set will work everywhere without further thought.

What gets generated

FileSizeUsed by
favicon.ico16, 32, 48 in one fileBrowser tabs and bookmarks
favicon-32x32.png32 × 32Modern browsers, high-density tabs
favicon-16x16.png16 × 16Standard tab icon
apple-touch-icon.png180 × 180iOS home screen
icon-192.png192 × 192Android home screen
icon-512.png512 × 512Progressive web app install
site.webmanifest—Android and PWA metadata

Favicon Generator FAQ

What size should a favicon be?

You need several. The .ico holds 16, 32, and 48 pixel versions; separate PNGs cover 180 for iOS and 192 and 512 for Android. This tool generates all of them from one source.

What image should I start from?

A square SVG or a large PNG, at least 512 pixels. Simple bold shapes work — fine detail disappears completely at 16 pixels.

Where do the files go?

At the root of your website, so favicon.ico sits at yoursite.com/favicon.ico. Then paste the supplied HTML into your head tag.

Why does my favicon not update?

Browsers cache favicons aggressively, sometimes for days. Try a hard refresh, an incognito window, or appending a version query to the URL.

Do I still need a .ico file?

Yes. Browsers still request /favicon.ico by convention, and it is the fallback when link tags are missing or wrong.

Is my logo uploaded?

No. Every size is rendered on the canvas in this browser tab, and the zip is built here too.

Related tools