Favicon PNG
PNG favicons are the modern standard: crisp, widely supported, and easy to produce. You declare each size with a separate <link rel="icon"> tag so browsers pick the best resolution.
Use PNG favicons in 16x16, 32x32, 48x48, 192x192, and 512x512, declared with <link rel="icon" type="image/png" sizes="...">. Pair them with an apple-touch-icon (180x180) and a manifest for full coverage.
PNG favicon sizes you need
| Size | Used by |
|---|---|
| 16x16 | Standard browser tab |
| 32x32 | HiDPI tabs, taskbar |
| 192x192 | Android home screen, PWA |
| 512x512 | PWA install / splash |
Frequently Asked Questions
What PNG sizes do I need for a favicon?+
At minimum 16x16 and 32x32 for tabs; add 192x192 and 512x512 for Android/PWA. Use the favicon generator to produce them all from one image.
PNG vs favicon.ico — which should I use?+
Use both. favicon.ico is the universal fallback; PNG <link> tags give modern browsers sharper, sized icons. The generator outputs both in one package.
How do I add a PNG favicon in HTML?+
Add <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> for each size inside your <head>.
Generate every PNG favicon size at once
Upload one image and download all PNG sizes, apple-touch-icon, and a manifest in a single ZIP.
Open Favicon Generator