How to Add Favicon to Your WordPress Website?
Today we will learn how to personalize your WordPress website with the help of a favicon.
What exactly is a favicon, and why do you need it?
It is displayed in browser tabs, RSS feeds, site catalogues, certain search engines such as Yandex, etc, thus indicating your website and making it more visible. Traditionally, it is a 16x16px .ICO file, but modern versions of WordPress support any image file types of any size, what, frankly speaking, should have been done long ago.
In WordPress version 4.2 and older you have to create a favicon.ico file and place it in the root folder of your website via Total Commander, cPanel, or whatever tool you use to upload files to your hosting account. The simplest way to create one is using one of free online services – for example, this generator.
Choose an image on your computer, hit the ‘Generate favicon’ button, and download the result in.ICO format.
Now upload it to your server.
Finally, go to Appearance > Editor in your dashboard, select header.php, and make sure its <head>area contains these lines:
<link rel="shortcut icon" href="/favicon.ico?a1ad79" type="image/x-icon"> <link rel="icon" href="/favicon.ico?a1ad79" type="image/x-icon">
If not, insert them yourself. Don’t forget to save the changes.
After you are done, the new icon will be displayed in your browser tab – that’s how you will know everything works as it should.
In WordPress version 4.3 or later favicon also serves as an app icon, and the latter should be compatible with retina displays. That’s why an image for your favicon should be at least 512 pixels on each size.
You can install it via the Customize menu of your WordPress dashboard. This option is typically situated in the “Site Identity” tab, but in certain themes its location may vary.
Press ‘Change image’, upload your future icon, and save the changes.
That’s it. Now you know how to add a favicon to your WordPress website.
P.S. Although there are specific WordPress plugins for favicon management, we don’t recommend using them, as too many plugins installed may slow down your website. Besides, setting a favicon is such a simple process that it doesn’t really require any plugins.