---
title: Favicon Generator — All Sizes, HTML Tags & Web Manifest
url: https://varstatt.com/toolkit/favicon
description: Generate favicons in all standard sizes from a single image. Get HTML link tags and web manifest JSON. All client-side.
section: Developer Toolkit (https://varstatt.com/toolkit)
tags: images
related: Image Convert (https://varstatt.com/toolkit/convert), Favicon (https://varstatt.com/toolkit/favicon), Placeholder (https://varstatt.com/toolkit/placeholder)
---
# Favicon Generator

Generate favicons in all standard sizes from a single image. Get HTML link tags and web manifest JSON. All client-side.

## How It Works

1. **Upload an image** — Drag and drop or click to upload a PNG, JPG, SVG, or WebP image. Square images work best.
2. **Preview all sizes** — The tool generates favicons in 7 standard sizes (16x16 through 512x512) and shows a preview grid.
3. **Download and grab the code** — Download individual sizes or all at once. Copy the HTML link tags and web manifest JSON for your site's head.

## FAQ

### What sizes are generated?

16x16, 32x32, 48x48, 96x96 (standard favicons), 180x180 (Apple touch icon), 192x192, and 512x512 (PWA manifest icons).

### Do I need all these sizes?

For full browser and device coverage, yes. At minimum you need 32x32 (browsers) and 180x180 (iOS). The 192 and 512 sizes are required for Progressive Web App manifests.

### What if my image isn't square?

The tool crops to fill a square from the center of your image. For best results, start with a square source image.

### What format are the downloads?

All favicons are exported as PNG, which has universal browser support. If you need to generate other image formats, check the [image converter](https://varstatt.com/toolkit/convert).

### Is my image uploaded anywhere?

No. All resizing happens in your browser using the Canvas API. Your image never leaves your machine.

## Usage

This tool runs entirely in the browser — visit the URL above to use it.

## Related Tools

- [Image Convert](https://varstatt.com/toolkit/convert)
- [Favicon](https://varstatt.com/toolkit/favicon)
- [Placeholder](https://varstatt.com/toolkit/placeholder)