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.
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
- How to create a favicon
- Downloading your favicon
- How upload a favicon to your WordPress site
- Publishing your favicon
- How to create a favicon and upload it to WordPress video tutorial
- Frequently asked questions
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.
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.
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.
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’.
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.
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.
To get HTML color codes, go to https://htmlcolorcodes.com. Here is the homepage.
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.
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.
On the next option window, 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’.
Once you are in ‘Customize’, look for ‘Site Identity’ in the menu on the left.
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’.
Then we go to the WordPress media library.
To upload your favicon, select ‘Upload Files’.
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.
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.
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.
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
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
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.
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.
You can create a favicon in minutes on Canva.com. The step by step guide in my post walks you through the process.
Go to Canva.com. You can create a favicon there for free. Follow my step by step guide in my post.
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.
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.