Question 1

What is a favicon?

Accepted Answer

A favicon is the small icon shown in the browser tab, bookmark bar, address bar and home screen shortcut for your site. Modern sites use multiple sizes for different devices: 16x16 (tab), 32x32 (high-DPI tab), 180x180 (Apple touch icon), 192x192 and 512x512 (PWA / Android).

Question 2

What size image should I start with?

Accepted Answer

Square images at least 512x512 px work best — they resize cleanly to every smaller size. PNG with transparency is ideal. SVG sources are also supported and render perfectly at any size.

Question 3

Does this tool upload my image anywhere?

Accepted Answer

No. Everything runs in your browser. The image is loaded with FileReader, rendered to canvas, and the resulting favicons are downloaded directly. Nothing is uploaded to any server.

Question 4

Why are there multiple sizes?

Accepted Answer

Different contexts need different sizes. 16x16 for browser tabs, 32x32 for high-DPI tabs and bookmarks, 180x180 for iOS Apple touch icon, 192x192 and 512x512 for PWA manifest and Android home screen. The .ico file combines 16/32/48 into a single file for legacy browser support.