Question 1

What favicon sizes do I need?

Accepted Answer

Modern browsers use 32x32 PNG as the primary favicon. You should also include 16x16 for older browsers, 48x48 for Windows taskbar, 180x180 for Apple Touch Icon on iOS, and 192x192 plus 512x512 for Android and PWA manifests.

Question 2

Should I use ICO or PNG for favicons?

Accepted Answer

PNG is now the standard format and is supported by all modern browsers. ICO files were necessary for older versions of Internet Explorer. Unless you need to support IE 10 or earlier, PNG favicons are simpler and recommended.

Question 3

What image should I upload for best results?

Accepted Answer

Use a square image (1:1 aspect ratio) of at least 512x512 pixels. PNG with a transparent background works best. If your source image is not square, it will be stretched to fit each favicon size.

Question 4

What is a web app manifest and why do I need one?

Accepted Answer

A web app manifest (site.webmanifest) is a JSON file that tells browsers how your web app should behave when installed on a device. It specifies icons, theme colors, and display settings. The 192x192 and 512x512 icons in this tool are specifically for the manifest.

Question 5

Do favicons support dark mode?

Accepted Answer

SVG favicons can use the CSS prefers-color-scheme media query to adapt to dark mode. PNG favicons cannot change automatically. If you need dark mode support, consider using an SVG favicon alongside your PNG fallbacks.

Favicon Generator

Frequently Asked Questions

Related Tools & Resources

Related Guides