How to create a favicon for your WordPress blog
Blog,  Wordpress

How to create a favicon in Canva and add to WordPress guide

In my post, I show you step by step how to create a favicon in Canva and then add your favicon to your WordPress website.

Once uploaded, your favicon shows in browser tabs like this.

This is a favicon

Creating a favicon in Canva takes a few minutes and WordPress makes it easy to upload an image to your WordPress blog.

Let’s start creating a favicon!

Create your free favicon with Canva.com

First, let’s head over to Canva.com (*paid link). Before you can use Canva, you need to open a free account.

Facebook, Twitter, and Google use the first letter of their brand name as their favicons. The favicon is small, therefore, you want to keep your favicon design simple.

Here is Canva’s homepage.

Canva.com homepage

How to create a favicon

The ideal size for a favicon is 512*512 pixels. To create an image in Canva that size, we use the ‘Custom dimensions’ feature. Type 512 – 512 into the boxes as per my screenshot, then click on the ‘Create new design’ link.

Use the custom dimensions feature in Canva

Now you can create a favicon for your site. If you want to use your site logo, use the ‘Uploads’ feature in the menu on the left.

Uploads feature in Canva

To design something new, there are options in the menu on the left. To use a letter for your favicon, select the ‘Text’ option. In my example, I used the ‘Add a heading’ option and typed ‘F’.

Create a favicon in Canva

Your design must fit into the white square. You can click on any section to edit. For example, if you want to change the background color, click anywhere on the white background, and a color icon appears on the top.

Change background color option

To change the background color, click on the icon and select your color. I am going to change my background to blue. If you have a color code, type or paste that into the box at the top.

Change the background color

To get HTML color codes, go to https://htmlcolorcodes.com. Here is the homepage.

HTML color codes

To change the font, size or color of your letter, click anywhere on it and options appear along the top. I am going to change my ‘F’ to yellow and change the font.

Edit your favicon in Canva

When you have finished editing, it is time to download your favicon to your computer.

How to download your favicon

Canva allows you to download your favicon for free. To download, click on the ‘Publish’ drop-down menu, and select ‘Download.

Download your favicon

On the next option window, select ‘Download’.

Select download

Now your favicon is saved to your computer, the next step is to upload it to your WordPress blog.

How to upload a favicon to your WordPress site

To start, hover your mouse over ‘Appearance’ and select ‘Customise’.

Like this.

How to find customise in your WordPress admin

Once you are in ‘Customize’, look for ‘Site Identity’ in the menu on the left.

Site identity in customizer

Click on ‘Site Identity’ then you come to this. On my customizer, the favicon option is located at the bottom. On my site, it is called ‘Site Icon’, this is the site favicon.

This theme reminds me that the favicon should be at least 512*512 pixels. When you create your favicon in Canva, don’t forget to use the ‘Custom dimensions’ feature, and set your image to 512*512.

Next, select ‘Change image’.

Creating a favicon for your WordPress blog

Then we go to the WordPress media library.

WordPress media library

To upload your favicon, select ‘Upload Files’.

How do I add a favicon to my WordPress site?

From here click the ‘Select Files’ link and select the image from your computer. Once you upload your image, you return to your media library.

How do I add a favicon to my WordPress site?

On the right, add text to the ‘Title and the ‘Alt text’ section. Once completed, click on the ‘Select’ link in the bottom right.

The next page is the cropping page.

How do I add a favicon to my WordPress site?

Our image is 512*512 pixels, therefore, we can skip cropping. On the right, you have a preview of what your favicon will look like in a browser tab.

To continue, select ‘Skip Cropping’ and you have a favicon set for your WordPress blog.

Publishing your favicon

There is one last action you must do to make your favicon live.

How do I add a favicon to my WordPress site?

Check your image at the bottom then click on the blue ‘Publish’ link at the top. Now your favicon is live!

To check your favicon, go to your website in any browser and you will see it in the browser tab.

How to create a favicon and upload it to WordPress video tutorial

Conclusion

Now you have a step by step guide on how to create a favicon in Canva. Canva allows you to create and download a favicon for your site, completely free.

To get started on Canva, head over to their homepage at https://www.canva.com/login (*Paid link). This is an affiliate link, which means I get a commission if you purchase their premium option at no extra cost to you.

Before you go to Canva, may I ask two minutes of your time to leave me a comment? Did I help you with my post? Would you like me to go into more detail? I look forward to reading your feedback.

When uploading images to your WordPress blog. It is important that you add ‘alt text’ to your images. To find out how to do this, check out my ‘How to add alt text to images in your WordPress blog‘ post.

Frequently asked questions

How do I create a favicon?

I recommend creating your favicon on Canva, it is free to use. The software is user-friendly, you can create a favicon in a few minutes.

How do I add an icon to my website tab?

The icon in the browser tab is called a favicon. You can upload your favicon in your theme customizer in the WordPress admin. Follow my step by step guide in my post.

How do I create an icon for a website?

You can create a favicon in minutes on Canva.com. The step by step guide in my post walks you through the process.

How do I create a favicon online?

Go to Canva.com. You can create a favicon there for free. Follow my step by step guide in my post.

How do I create a favicon for free?

You can create a favicon for your website on Canva.com for free. My post shows you how to create a log and favicon for your blog.

How do I create a favicon from a logo?

You can upload your logo to Canva.com and use it as your favicon. Before you upload, use the custom dimensions feature to set the image to 512*512 pixels. This is the size you need for your favicon.

Sharing is caring!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.