# Favicon Generator

> A favicon generator produces the icon sizes browsers and devices actually request from one source image: 16 and 32 pixels for tabs, 180 for the Apple touch icon, and 192 and 512 for Android and web app manifests, plus the link tags to paste into your head.

Source: https://rankcert.com/tools/favicon-generator
Free, no signup. Updated: 2026-08-29

## How to use it

1. Choose a square image - 512×512 or larger works best.
2. Download all five PNG sizes at once.
3. Paste the generated link tags into your document head.

## Questions

### Which favicon sizes do I actually need?

16x16 and 32x32 for browser tabs, 180x180 for Apple touch icons, and 192x192 plus 512x512 for Android and PWA manifests. Five files covers every real case.

### Do I still need favicon.ico?

Rarely. Every browser released in the last decade reads PNG favicons from link tags. A root favicon.ico is only worth keeping for very old clients that request it blindly.

### Why does my favicon look muddy at 16px?

Detail disappears at that size. Favicons that read well are a single letter or one bold shape - a shrunk-down full logo turns to mush.

### Why does the browser still show the old icon?

Favicons are cached aggressively and ignore normal cache headers. Add a query string to the href, or check in a private window.

### What size should the source image be?

At least 512 x 512 and square. Anything smaller has to be upscaled for the manifest icons and looks soft on Android home screens.

### Do I need a site.webmanifest?

Only if you want the site installable or a custom home-screen icon on Android. It is a small JSON file referencing the 192 and 512 icons.

### Should the favicon match my logo exactly?

Usually not. A full wordmark is illegible at 16px. Use the mark, a single letter, or a simplified version with more contrast.

### Can a favicon be an SVG?

Yes, and modern browsers prefer it - one file, sharp at every size, and it can respond to dark mode with a media query. Keep PNG fallbacks for Safari and older clients.

## Related tools

- [PNG to PDF](https://rankcert.com/tools/png-to-pdf): Turn a PNG, JPG or screenshot into a PDF in your browser. No upload, no signup, no watermark - the file never leaves your device.
- [PDF to PNG](https://rankcert.com/tools/pdf-to-png): Render every page of a PDF as a high-resolution PNG in your browser. Nothing is uploaded, there is no page limit and there is no watermark.
- [PNG to JPG](https://rankcert.com/tools/png-to-jpg): Convert a PNG to JPG in your browser with a quality slider, and see exactly how much smaller the result is before you download it.
- [JPG to PNG](https://rankcert.com/tools/jpg-to-png): Convert a JPG to lossless PNG in your browser, ready for editing, transparency work or any tool that refuses JPEG.
- [Color Converter](https://rankcert.com/tools/hex-to-rgb): Convert HEX to RGB and back, get the HSL equivalent, and see the contrast ratio against white and black for accessibility checks.
- [Color Mixer](https://rankcert.com/tools/color-mixer): Mix paint colours and see the result instantly. Answers what colours make brown, green, orange and purple using real subtractive mixing, not screen colours.