WordPress Favicon is a type of small image that displays next to your website’s name in a browser tab. It helps your audience to identify your site identity more frequently. Your Website’s Favicon is also used in other places like browser bookmarks, IOS home screen buttons, and more.
This expands your brand acknowledgement and encourages you to manufacture trust among your audiences.
For Example, below you can see an example of a site with a favicon and a site without a favicon:
In this Article, we’ll tell you how to add a WordPress favicon in your site. It’s a too easy method and you should do it in different ways.
How to create a WordPress Favicon
If you want to create a WordPress Favicon to your WordPress site, I recommend you to use Canva. You can use your brand logo or create a new site icon. Make sure your site icon image is 512-pixel height and width. In the logo section on canva, you’ll get the exact size of 512-pixel logo examples. Select one of them which you choose to create your logo and do some editing to shape your favicon.
You can change your logo’s background colour and download it in any format like jpg, png, pdf.
How to add a favicon in WordPress using Theme Settings
After WordPress 4.3, you can add a favicon site icon in WordPress. It’s a very simple method to upload & crop an image to use as a WordPress favicon.
If you will make your WordPress favicon image then follow these instructions to upload a favicon image in WordPress:
Go to the Appearance>>Customize in your WordPress dashboard:
After this, Navigate the ‘Theme Settings‘ tab. In theme setting, you’ll find the Logo and Favicon section. It allows you to upload your site favicon and also your site logo.
Simply click on the select file button and then upload the image you want to use in site icon. If your image is exceeds recommended size, then WordPress will allow you to crop it. If it matches the recommended size, then you can just save your changes.
All done, you can now preview your site to see your favicon image. If your favicon doesn’t see in browsers tab or in the mobile device then don’t panic it will appear after some time.
In future, if you want to change your WordPress favicon then go to the same place in WordPress and click change image.
Add Favicon using WordPress Plugin
If your theme doesn’t support the previous option, then you have also the second option. This option is using a WordPress plugin. There is some WordPress plugin which helps you to add your WordPress favicon on your site.
It Generates and setup a favicon for desktop browsers automatically for, iPhone/iPad, Android devices, Windows 8 tablets and more. In a matter of seconds, design an icon that looks great on all major platforms.
Add favicons to your website and your administrative pages.
You can either use favicons you’ve already uploaded to your WordPress installation or use the builtin upload mechanism to upload a favicon.
It supports all three types of favicons –.ico, .png and .gif (maybe animated) Also, it supports Apple Touch Icons.
This is a very simple plugin to set a favicon and a home screen icon for your website.
This plugin supports only the most common size of the home screen icon for iOS, Android and Windows. This means that it is not covered by all devices. You can continue to use the plugin, but without the author’s updates and support.
NOTICE: It will remove this plugin from the repository. Customizer’s new site icon feature and other more popular plugins are the main reasons.
Read the full description and installing process of all the above plugins before activation.