Clear your browser cache after making favicon changes for immediate visibility. A favicon appears next to your website title in browser tabs, bookmarks, and sometimes search results.

To add a favicon:

1. Access the favicon settings panel
2. Upload your image by dragging or selecting a file
3. Optionally, add a dark mode version
4. Save changes

Favicon requirements:

• Size: 100×100px to 300×300px (displays at 16×16px)
• Format: PNG recommended (ICO not supported)
• File size: Max 100KB
• For search engines: Use dimensions divisible by 48px (e.g., 48×48px, 96×96px)

Where favicons appear:

• Browser tabs
• Bookmarks
• Address bar (Safari)
• Search results (varies by search engine)
• Not typically visible in mobile browsers

Best practices:

• Use a simple, recognizable design
• Ensure good visibility at small sizes
• Test in both light and dark modes
• Avoid multiple versions of the same favicon
• Consider brand consistency

Remember: Browsers cache favicons aggressively, so clear your cache if changes don't appear immediately.

Related Articles

Previous Articles