In this article we’re going to show you how to add a custom favicon to your website. Firstly if you’re unfamiliar with what a favicon is, let me explain.
Favicons are the little icons that appear beside a website title in a browser tab.
Log into your dashboard. In the left hand menu bar find ‘Appearance’, hover over that and select ‘Customize’.
After clicking ‘Customize’ you will be redirected to the home page of your website. There will be a new customization menu on the left. Select ‘General Settings’ and then ‘Site Identity’.
You’re given a few options in ‘Site Identity’ that you can change. For now at the bottom click on ‘Change Image’.
A pop-up will appear that will allow you to select your favicon image from either the media library or to upload it from you computer.
NOTE: The recommended image size from WordPress for a favicon is 512×512 pixels.
You’ll be given the chance to adjust how it appears in the browser tab just before saving. When you click ‘Crop Image’ it will save the favicon for you.
To actually save and publish your changes, click ‘Publish’. Afterwards you can close the customizer menu.
Before and After
You should now be able to see your new favicon in your browser tab.