LocalToolsOffline browser tools collection

Category: Image tools

Favicon Generator

System ideaMissing a tool?

Turn one image into a full icon set

Open a logo and get PNG icons at 16, 32, 48, 64, 128, 180, 192 and 512 pixels, plus the link tags to paste into your head. Every size is drawn in your browser and the image is never uploaded.

Choose an image to compress.
HTML for your <head>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">

Save the files at the root of your site so the URLs above resolve, and keep the names stable: a favicon that moves has to be crawled again.

Everything on this page is processed in your browser. Nothing is uploaded.

What this tool does

A favicon is not one file any more. Browser tabs want 16, 32 and 48 pixels, high-density screens want the 64 and 128 versions, iOS reads a 180 pixel apple-touch-icon and an Android web app manifest asks for 192 and 512. This tool renders all of them from a single source image with one canvas per size, fitting the artwork inside the square instead of stretching it, and hands back the link markup that references them at stable URLs. PNG throughout, because every browser in use reads PNG favicons and the old multi-image ICO format buys nothing in return.

How to use it

  1. Choose a logo or square image, ideally 512 x 512 or larger.
  2. Optionally add padding, or fill the background if the icon needs to be opaque.
  3. Download each size, save them at the root of your site and paste the HTML into your head.

Privacy

This tool runs entirely in your browser. Your input is never uploaded, stored or shared — closing the tab removes it.

Frequently asked questions

Is my logo uploaded?
No. Each icon is drawn on a canvas in this page and offered as a local download. The image never leaves your device.
What size should the source image be?
At least 512 x 512, square, with a little breathing room around the mark. Anything smaller has to be scaled up for the large sizes and will look soft.
Do I still need a favicon.ico file?
Not for current browsers, which all read PNG icons declared with a link tag. Some very old software still probes for /favicon.ico, so keeping one there does no harm if you already have it.

Back to all tools