How to Add a Favicon to Your WordPress Blog

Favicon or Site Icon is the tiny image that appears next to your website title in the browser. It helps your users identify your website and more frequent visitors of your site will build an instant recognition for that tiny image. This increases your brand recognition and helps you build trust among your audiences.

The classic icon is an ICO file of 16 × 16, with 16 or 24-bit color and transparency support and much later, it appeared in a 32 × 32 size, but older browsers still reduce it to 16 × 16.
Why do you need it now? Today, it is an important component of the website interface, which also plays an important role in advanced web applications.

How do I check if my website already has a favicon?

Simply visit the website Sitechecker and enter the URL of your website. This tool will show how the favicon is displayed in different browsers. If you can see it then you are done with the article as your favicon is already properly set.

Why you should Add a Favicon to Your WordPress Site?

As we mentioned earlier that it establishes your website’s identity. However, it also improves your site’s usability and user experience. This image will help you understand it better:

You can clearly see which website is ours and which is, for instance, Google Analytics and PremiumCoding. So it’s much easier to navigate between the tabs in your browser if each website has a distinct favicon.

How to Create a Favicon

You can use your brand’s logo as your site icon or favicon. The recommended size for your site icon image is at least 512 pixels in both width and height. The site icon image should be a square. You can use your logo that you created for the website and reuse it for the favicon. They should be similar as they both represent your branding.

Also, try these inspiring websites to find some exciting favicon ideas:

WPBeginner also made a great video of how to Add Favicon to your WordPress website. If you prefer video tutorials, then this is the guide for you.

Adding Your Site Icon or Favicon in WordPress

Since WordPress 4.3, you can add a favicon or site icon from the WordPress admin area. Simply go to Appearance » Customize and click on the ‘Site Identity’ tab.

The site identity section in customizer allows you to change certain aspects of your WordPress website. It also allows you to upload your site icon. Simply click on the select file button and then upload the image you want to use as site icon.

That’s all you can now preview your site and see your favicon in action. You can also visit your site on a mobile device and then from the browser menu select “Add to home screen’. You will notice that your site icon will appear on the home screen.


This component is a kind of visiting card, so it should be created in the same style as the site – the more the site and the icon have in common, the better.

We really appreciate you for visiting PremiumCoding and reading this article! Now you might also want to check out our Themes here.