A favi-wattes? A favicon. The name may not seem immediately familiar to you, but we're sure you've seen them before. A favicon is the icon you see in the tab in your browser when you visit a Web site. Often this is the logo or part of the logo of the company the website belongs to. Nowadays a favicon is used not only in the tab, but also, for example, when you have added a page to your favorites or in the search results on Google.

favicon in browser

Okay, but why is a favicon so important? 

When you infuse your company's branding throughout, you create recognition. Your website is one of many touch points between your company and the customer. That's why it's good to have the favicon match your branding. If you do not set a favicon for your website, a default browser symbol will appear here. If you have a WordPress website then the WordPress favicon will appear here. That doesn't look very professional and that's a shame!

A favicon also contributes to ease of use through this recognition. If you have multiple tabs open, the favicon makes it easy to find the page you are looking for. You can immediately see which tab to click on because of the recognizable icon, without having to read the text. These two reasons make it important to add a favicon. You yourself like to find a web page quickly, don't you?

Creating a favicon, here's how to do it!

You don't have to be a graphic designer to create a favicon. There are many (free) tools online that you can use. With these generators you will have created a favicon that fits your website within 15 minutes. It's just a matter of uploading your logo and the program does the rest. Do you have experience with Photoshop? Then you can create a favicon in that as well. Just keep in mind that Photoshop does not support 'ico' files. Here is the plug-in from Telegraphics for. If you can't figure it out yourself, call in a professional.

Favicon ready? Add it!

Adding a favicon to a WordPress website is pretty easy by using the WordPress Customizer. Here you can download and crop an image to set it as a favicon. All you need for this is an image of at least 512 x 512 pixels.

Follow the steps below and you can easily set your favicon yourself:

Step 1: Log into the WordPress environment.

Step 2: In your dashboard, go to Display and then to Customizer

WordPress favicon setup

Step 3: Go to the tab Site Identity.

set favicon on wordpress website

Step 4: At the bottom you find the button Select site icon. Click on it.

set favicon on wordpress website

Step 5: Next, add the image to the WordPress media library that appears in your view.

Step 6: Select the image and crop it if necessary.

Step 7: Click on Publish And that's it!

WordPress website with favicon

At Monkey Vision we know exactly where a good website must comply with. That certainly includes creating and setting a favicon! With over 800 WordPress websites under our belt, we know exactly what works and what doesn't. Wondering what we can do for you? Feel free to contact with us! We would love to talk to you.