A favicon is the small icon that appears in browser tabs, bookmarks, and mobile home screens.
Method 1: WordPress Customizer (Recommended) #
- Go to Appearance → Customize
- Click Site Identity
- Under Site Icon, click Select Logo
- Upload your favicon image (512x512px recommended)
- Click Publish
WordPress automatically creates all favicon sizes.
Method 2: Plugin Method (Easiest) #
- Install Favicon by RealFaviconGenerator plugin
- Go to Tools → Favicon
- Upload one image (PNG/SVG recommended)
- Click Generate
- Plugin creates all favicon versions
Recommended Favicon Sizes #
| Device | Size |
|---|---|
| Desktop | 32x32px |
| Apple Touch | 180x180px |
| Android Chrome | 192x192px |
| Windows | 270x270px |
| All sizes | 512x512px (one image for all) |
File Formats #
- PNG (Recommended – transparent background)
- ICO (Traditional browser format)
- SVG (Modern browsers)
Step-by-Step Manual Upload #
If using Rakmyat theme options:
- Go to Appearance → Rakmyat Options → Site Identity
- Upload Favicon (512x512px)
- Upload Apple Touch Icon (180x180px)
- Save changes
Testing Your Favicon #
- Clear browser cache (Ctrl+F5)
- Open site in incognito/private window
- Add site to bookmarks
- Test on mobile devices
Common Issues #
| Problem | Solution |
|---|---|
| Favicon not showing | Clear browser cache + hard refresh |
| Wrong size | Use 512x512px source image |
| Transparent background missing | Use PNG format |
| Mobile not showing | Add Apple Touch Icon |
Free Favicon Tools #
Pro Tips #
- Use same color scheme as your logo
- Keep design simple (low detail)
- Test on multiple devices/browsers
- Update favicon when rebranding
Your favicon will appear everywhere automatically after setup.
