Skip to main content

Favicon Generator

Favicon Generator turns one source image — PNG, JPEG, or WebP — into the set of icon files a website actually needs: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png at 180 pixels, and android-chrome icons at 192 and 512 pixels.

Drop an image here (PNG, JPEG, WebP — max 20 MB)

Your file stays on your device

How to use it

  1. Upload a PNG, JPEG, or WebP image — a square source around 512×512 or larger gives the sharpest result
  2. Optionally turn on a background colour to fill the space around a non-square image; leave it off to keep that area transparent
  3. Select Generate favicon set, then check each size in the preview and the simulated browser tab
  4. Download the files individually or as a ZIP pack, and copy the HTML snippet into your page head

Each size is drawn on a square canvas with the source scaled to fit and centred, so its aspect ratio is preserved and nothing is cropped; the space around a non-square image stays transparent, or takes a background colour you pick before generating. The favicon.ico is a real multi-size icon that bundles 16, 32, and 48 pixel PNG frames, which current browsers read — not a PNG renamed with an .ico extension. A copy-ready HTML snippet with the matching link tags is shown for your page head. Browser favicons and mobile app icons are different jobs: this tool builds both file groups, but it does not generate the site.webmanifest that references the android-chrome icons. It is not an image resizer or a format converter — Image Resizer changes one image's dimensions and Image Converter changes its format, while this tool outputs a whole named set of favicon and app-icon files plus the HTML to reference them. Everything is processed in your browser and the image is never uploaded; a source smaller than a requested size is enlarged and may look soft.

FAQ

We use cookies to run this site and, with your consent, to understand usage and personalize ads. You can change your choice at any time.