According to WordPress.org, a favicon (short for “favourite icon”) is an icon associated with a particular website or web page. It is generally intended to be used when you bookmark a web page. You can use a favicon with any WordPress site on a web server that allows access to the root directories.
In this article, you will find information about WordPress favicon including uploading and common troubleshooting guides. Take a look at the table of content below.
The easiest way to upload Favicon to WordPress is by heading to Appearance » Customize » Site Identity » Site Icon.
Here's how it looks like.
if you have an existing Favicon, click on Change Image to upload a new Favicon image. If not, select Add New or Upload.
The minimum size for WordPress favicon is 512 × 512 pixels. You can opt for a bigger image if you want, but the above setting is already sufficient for most browsers.
Creating a favicon for WordPress is easy and this process usually takes a few minutes at most. Use any third-party image creation tool (we use Canva) and create an image dimension of 512 x 512 pixels.
Design the favicon and remember to add in your brand colours. Once those are done, download the image before uploading to WordPress.
It depends but at WP Maven, we tend to go for a transparent background because it will look better no matter on what device/browser the visitors are using.
If you are not using a transparent background, we recommend you to have a background colour that is matching with your brand.
By default, WordPress does not have background colour removal tool. You need to use third-party tools to remove the background colour from the image.
Some of the best background colour removal tools are:
We use Canva and Remove.bg to remove backgrounds for our WordPress favicon.
You uploaded a new favicon to WordPress and you hit "save". You waited and the WordPress favicon is not showing up. Why is this happening and how to fix WordPress favicon not showing?
When you followed all the steps and favicon is not showing up, it can be really annoying. So, what went wrong?
Here are some nifty tricks to fix your WordPress favicon not showing up (common causes):
Fastest troubleshooting tip: Remove the existing WordPress favicon and reupload a new one before pressing the "save" button.
A WordPress favicon gives some level of branding for your WordPress site. Are you using favicon for your WordPress site?
Tell us in the comments below!