🔄 Favicon Generator

Favicons need multiple sizes for different contexts: 16×16px (browser tab), 32×32px (taskbar/shortcuts), 48×48px (Windows site icons), 180×180px (Apple Touch Icon for iOS bookmarks), 192×192px (Android home screen), 512×512px (PWA splash screen). This tool generates all standard sizes at once.

Modern browsers support SVG favicons (which scale perfectly to any size), PNG (widely supported, supports transparency), and ICO (legacy format for old IE). Best practice: use SVG for the main favicon with PNG fallbacks. This tool generates PNG favicons in all standard sizes.

After generating your favicon files, upload them to your website root. Then paste this code in your HTML head section: — the HTML snippet is generated automatically by this tool.

Simple, bold designs work best at small sizes. Detailed images become unrecognizable at 16×16px. Square images (1:1 ratio) fill the favicon frame without padding. Icons, letters, or simple logos work far better than complex photographs.

Browsers aggressively cache favicons. After updating a favicon, force refresh with Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac). Alternatively, add a version query string to your favicon URL: href="/favicon-32x32.png?v=2".