Posting a favicon on a WordPress site has become extremely popular, and for good reason. A memorable favicon allows your audience to instantly recognize your site and select it in a browser window with plenty of tabs. But how can you easily add a favicon to your WordPress site?

In this tutorial, we'll see what exactly a favicon is and why you should use one. We will then learn how to quickly create a favicon image and how to upload it to your site using the WordPress Customizer. We will end by discussing the other methods to add a favicon with various plugins.

What is a favicon?

Since WordPress 4.3 it has suddenly become very easy to add a favicon to a blog, the majority of WordPress sites now display a favicon. The Favicon is the abbreviation of " favorite icon (Favorite Icon), but it can also be seen on the WordPress Customizer under the name " website icon ».

A favicon is the image that is displayed on a browser tab, and like an app icon, it allows users to recognize a website. If you look at the top of your browser, you will see one of the favicons. These are placed next to the title page of each site.

A site icon usually reflects the brand of a website. Often times, they will have the same image as a site logo. However, they can also be an image that represents your business in some way. Subconsciously, users will become familiar with a large assortment of favicons, and be able to choose a site from among many open tabs, simply by recognizing the symbol.

How to create a favicon

Creation of a favicon on wordpress

A favicon can be an image, but as already mentioned, it's best if it's your site's logo, or it's related to your branding in some way. A strong and bold icon will make your site stand out.

Once you have created or decided on an image, it will need to be edited. A WordPress favicon should be square and at least 512 x 512 pixels in dimension. While it can be cropped on WordPress, the best practice would be to create your favicon in image editing software. GIMP is an easy to use image manipulation tool that will help you quickly edit your images in a very short time.

You will also need to decide if you want your favicon to have a colored background, or if you prefer transparency. Again, try to always represent the look and style of your site, keeping in mind that your icon needs to stand out from the crowd in a multitude of tabs.

When you are happy with the appearance of your favicon, it should be saved as a jpeg, png, or gif. Now you are ready to upload it to WordPress.

How to easily add a favicon to your WordPress site

Once you've created and edited your image, adding it as a favicon is a very easy process. Thanks to advancements in the WordPress Customizer, displaying a site icon is now extremely fast and simple.

First, in your WordPress dashboard, select "Appearance> Customize ". This will open the Customizer directly on your site.

Customizing the wordpress menu

In the Customizer, select Site Identity. This is where you will have the opportunity to send your image.

Identity of the wordpress site

Under "Site Icon" click on "Select Image".

Select an image customizer wordpress faviconNow your media library will open. This allows you to choose a saved image, or upload a new image. Once you've selected an image, if you need to crop the image to display the correct size, you can do so here.

Select an image on wordpress favicon

Your favicon now appears in the "Icon of the siteIn your customizer. Remember to always click on " Save and Publish At the top of the interface of Customizer So that your favicon is saved and displayed.

Favicon wordpress site presentation

the browser will now display the favicon of your site.

Presentation favicon blog wordpress

Use plugin to show a favicon on WordPress

Of course, as always with WordPress, there are a number of different ways to display a favicon on your site. Aside from the customizer, various plugins are available to help you add a site icon.

If for some reason your theme does not provide the ability to upload a site icon through the customizer, or if you are looking to change themes in the not too distant future, use a WordPress Plugin might be the best option for you. Let's take a look at the available plugins.

 

1. Logaster Online Favicon Maker

Logaster online favicon maker e1505999860407

In addition to being an important element for any website, the Favicon is also important for your brand. In general, the Favicon is linked to the logo of your company or that of your website. It is therefore important to have an attractive favorite icon. It's to help you in that way Logiste Online Favicon Maker offers you the free creation of your logo. Don't worry, the process of creation of your logo is neither long nor boring and it will just take a few minutes.

Then, based on your logo, the service will generate dozens of beautiful favicons. You can then choose the icon you prefer and then edit it.

Once you have chosen the Favicon you want to download and install on your website, you must pay. Then you will receive an icon of different sizes in the PNG and ICO formats.

BlogPasCher recommends you Logiste Online Favicon Maker

French version | English version | Portuguese version 

2 - Favicon by RealFaviconGenerator

Favicon by realfavicongenerator

Favicon by RealFaviconGenerator is an advanced plugin that ensures that your favicon is visible on all browsers and devices. RealFaviconGenerator allows you to test your existing favicon, to see how it is displayed for your audience on Android, iOS Safari, Windows or Mac OS, to name a few. This will give you an indication of what your icon looks like and if it works on all platforms.

3 - All In One Favicon

All in one favicon

All In One Favicon is a WordPress Plugin free popular. It will allow you to quickly and easily add a favicon on your site, as well as for your administration pages.

This plugin supports ico, png and gif formats, as well as Apple touch icons. It has a built-in download function. Therefore, you can use a favicon that has already been added to your media library. Alternatively, you can upload a new icon through the plugin interface. “All In One Favicon” has the potential to save time and is a good option for those looking for a simple favicon plugin.

That's all for this tutorial, I hope it will allow you to add favicons on your WordPress blog.