As experienced WordPress professionals who've guided thousands of site owners, we know the value of a favicon—or site icon. This tiny image appears next to your website's title in browser tabs, bookmarks, and mobile home screens. It builds instant brand recognition and fosters trust with visitors. In fact, overlooking a favicon ranks among our top 25 common WordPress mistakes. Here's our proven step-by-step guide to adding one effortlessly.
It instantly establishes your site's identity while enhancing usability and user experience. Consider this: users often juggle dozens of browser tabs, obscuring titles. Your favicon lets them spot and switch to your tab quickly.
On mobile, when users add your site to their home screen, the favicon appears as the app icon—streamlining access.
Use your brand logo or a custom design. Aim for at least 512x512 pixels in a square format—WordPress handles cropping if needed. For precision, use tools like Adobe Photoshop or free GIMP to craft exactly 512 × 512 pixels. Opt for PNG, JPEG, or GIF; transparent or solid backgrounds both work.
Subscribe to WPBeginner for our quick video demo. Prefer reading? Scroll on for detailed steps.
Log in to your dashboard, navigate to Appearance » Customize, and select the Site Identity tab.
Here, you can also tweak your site title and tagline. Click 'Select logo' (or Choose File), upload your 512x512 image, and crop if prompted. Hit Publish to apply.
Preview instantly. Test on mobile: open your site, tap the menu, and 'Add to Home Screen'—your favicon shines.
Upload your favicon.ico to your site's root directory via FTP. Then add this code to your theme's header.php file:
<link rel="shortcut icon" href="https://yoursite.com/favicon.ico" />Replace 'yoursite.com' with your domain. No header.php? Use our recommended Insert Headers and Footers plugin: install, go to Settings » Insert Headers and Footers, paste in the header section, and save.
Avoid FTP altogether? Try the All in One Favicon plugin for a no-code solution.
That's it—your favicon is live, boosting professionalism. Questions? Drop a comment below or tweet us.