How to Generate Favicons

Complete guide to creating favicons for your website

What is a Favicon?

A favicon (favorite icon) is a small icon displayed in browser tabs, bookmarks, and browser history. It helps users identify your website visually and enhances brand recognition.

Required Favicon Sizes

Standard Sizes
  • 16×16px - Browser tab (classic)
  • 32×32px - Browser tab (high-res)
  • 96×96px - Desktop shortcut
  • 192×192px - Android Chrome
  • 512×512px - Android home screen
Apple Devices
  • 180×180px - Apple Touch Icon
  • 167×167px - iPad Pro
  • 152×152px - iPad
  • 120×120px - iPhone

Favicon Formats

ICO Format

Traditional format supporting multiple sizes in one file. Best for older browsers.

PNG Format

Modern format with better compression. Required for high-resolution displays.

SVG Format

Scalable vector format. Single file works for all sizes but browser support varies.

Best Practices

  • Use simple, recognizable designs that work at small sizes
  • Ensure high contrast for visibility
  • Test your favicon at various sizes
  • Include all required sizes for maximum compatibility
  • Place favicon files in your website root directory
  • Update HTML head with proper favicon links

Ready to Generate Favicons?

Use our free favicon generator to create all required sizes from a single image.