How To Create A Favicon In Canva

How To Create A Favicon On Canva

In my post, I show you how to create a favicon on Canva for your WordPress website.

Canva is a free online graphic design platform. It is an essential tool for bloggers.

After creating a favicon, upload it to your website.

I use Canva for blog banners, YouTube channel thumbnails, and favicons.

Create a free account at Canva.com (*paid link) today to access an excellent free design tool.

A favicon is an image in browser tabs. With Canva, you can get a favicon for your website in a few minutes.

This is a favicon

Let’s begin.

Create A Favicon On Canva

Step One – Create a Favicon On Canva

Go to Canva.com (*paid link) and create a free account.

Sign up with an email address, Google, or Facebook.

Canva.com

When signed in, click Custom Size on the right.

Custom size

Favicons are 512*512 pixels. Type 512 and 512, and click Create New Design.

Create new design

You start with a blank canvas.

Blank canvas

When you have an image you want to use as your favicon, use Uploads.

Upload image to Canva

Once uploaded, add the image to the canvas.

Upload image

Ensure your image covers the canvas.

Fill canvas

Alternatively, you can design a favicon for your WordPress website.

Click Text to add letters.

Select Add A Heading and type your letters.

You can increase the letter size by dragging the borderlines.

Create a favicon on Canva

Click the white background to change the color.

Change background color option

Choose a color from the list, or enter a color code.

Change the background color

To get HTML color codes, go to https://htmlcolorcodes.com.

HTML color codes

To change the font, size, or color of your letters.

Click the letters, and a toolbar appears.

Some of the fonts are available to paid customers.

Edit your favicon in Canva

Once editing is complete, download the favicon.

Step Two – Download Your Favicon From Canva

Canva allows you to download your favicon for free.

Click Share.

Share

Then click Download.

Download

Next, upload the favicon to your WordPress website.

Step Three – Upload The Favicon To WordPress

Hover your mouse over Appearance, and click Customise.

How to find customise in your WordPress admin

Select Site Identity.

The location of the Site Identity option depends on your theme.

Refer to your theme’s documentation.

Site identity in customizer

Look for Favicon or Site Icon.

Click Select Site Icon.

Select favicon

Select Upload Files.

Select upload files

To upload your favicon, click Select Files. Choose the favicon you created on Canva.

Once uploaded, you return to the Media Library.

Media library

On the right, add a Title and the Alt text.

Once completed, click Select.

When the image is more than 512*512 pixels, you need to crop the image.

Crop your favicon

On the right, there is a preview of the favicon.

Select Crop Image or Skip Cropping to set the favicon.

Step Four – Publish The Favicon

Finally, click Publish.

Publish your favicon

How To Create A Favicon On Canva Video Tutorial

What To Do If Your Favicon Is Not Showing

When the favicon does not appear after publishing, it is probably due to caching.

Caching is when a browser serves saved files rather than updated files.

You must clear the cache to force your browser to retrieve updated files.

Left-click the padlock in the address bar.

Left click the padlock

Click Cookies.

Cookies

Use Delete to remove cookies.

Finally, click Done.

Delete cookies

Refresh the page.

Refresh page

When you use a cache plugin on your website, clear the cache on your plugin.

Conclusion

Creating a favicon on Canva takes just a few minutes.

Favicons are 512*512 pixels. When using Canva, ensure you start with a canvas 512*512.

When the favicon is complete, download it to your computer.

Use the theme customizer to upload the favicon to your website,

Publish to make the favicon live.

When the favicon does not appear, try clearing your browser cache.

Design your free favicon today on Canva.com (*Paid link).

I hope you found my article informative. If you have questions, please leave them below.


by

Comments

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.