Favicon Sizes & Generator Presets
Modern websites need multiple favicon sizes to cover browsers, operating systems, and PWA installations. The essential set includes a 32x32 ICO for browsers, 180x180 PNG for Apple devices, and 192x192 plus 512x512 PNGs for Progressive Web Apps. FastEdit generates all required sizes from a single source image, so you can set up your favicons in one session.
Presets
Standard Favicon
32x32 ICO / PNG Max 100 KB
Browser tab icon. ICO format is most compatible; PNG works in all modern browsers. This is the minimum favicon every website needs.
Apple Touch Icon
180x180 PNG Max 200 KB
Used when saving a website to the iOS home screen. Apple devices do not use favicon.ico: they look for this specific link tag.
PWA Icon 192
192x192 PNG Max 200 KB
Required in the web app manifest for PWA installations. Used as the app icon on Android home screens and in the app switcher.
PWA Icon 512
512x512 PNG Max 500 KB
High-resolution PWA icon used for splash screens on Android and Chrome OS install prompts. Required for PWA installability.
SVG Favicon
Any (vector) SVG Max N/A
Scalable vector favicon supported by modern browsers. Allows dynamic theming with prefers-color-scheme media queries. Single file covers all sizes.
Tips
- At minimum, every website needs favicon.ico (32x32), apple-touch-icon.png (180x180), and a 192x192 PWA icon referenced in the manifest.
- Design favicons with simple shapes and minimal detail: they display as small as 16x16 pixels in browser tabs.
- SVG favicons can respond to dark mode using CSS media queries inside the SVG, making them ideal for design-conscious sites.
- Include both ICO and PNG favicon links for maximum browser compatibility: some older browsers only recognize ICO format.
- Test your favicon against both light and dark browser themes to ensure visibility in both contexts.