- Home
- Generators & Encoders
- Favicon & PWA Icon Generator
Favicon & PWA Icon Generator
Choose a square image, at least 512×512 pixels if you can. This page cuts it to the sizes browsers ask for, and builds a favicon.ico. The picture is cropped from the centre.
What it is for?A simple mark on a transparent square works better than a photograph. 512×512 pixels or larger.
Icons will show up here.
What it is for?
The small icon in a browser tab, the icon on an iPhone home screen, and the icon Android shows when someone installs the site are not the same file. They need different pixel sizes. Choose one image here; the page writes each size as a PNG, plus one favicon.ico.
What you get
- 16, 32 and 48 pixel PNG — the classic tab icon (favicon).
- 180 pixel PNG — iOS home screen (apple-touch-icon).
- 192 and 512 pixel PNG — the web app manifest that Chrome and Android read.
- favicon.ico — 16, 32 and 48 packed into one .ico file, for older browsers that still ask for /favicon.ico.
How to put the files on the site
Save them in the site root or in a folder such as /pwa. In HTML: a rel="icon" link to the 32 PNG, and rel="apple-touch-icon" to the 180 PNG. In manifest.json, the icons list should point at 192 and 512. The box on this page is that list, ready to copy. Empty edges of a non-square image are filled by cropping the centre; tick white fill if you want a white background instead of transparency.
It stays in the browser
The image is not uploaded. At 16 pixels a photo turns to noise; a thick shape or a letter reads more clearly.