Watch this video and follow along to learn how to create a favicon, and update your website’s favicon in the website builder. Transcript is below the video!
Video transcript:
Did you know that that little logo that you see in a browser tab or beside a website in your bookmarks dropdown is called a favicon?
It is also the logo that appears next to your site title in search engine results.
For your website, it’s an important part of creating brand recognition and trust.
To add your own favicon for your website, make sure you’ve already have a logo, and you will need to have a version in .ico format so we can upload it to the website editor.
Before we start, you will need to convert your logo or make a smaller version of your logo into a 64 by 64 pixel png file, using an editor like photoshop, illustrator or paint.
For example I have Paint open, and I have a square version of my logo.
It is selected, and I’ll click to resize, make sure pixels is selected, keep the aspect ratio, and change it to 64 x 64.
Now I’ll export it by going to Save as > and choosing PNG format.
Now you can use an online favicon converter to change this png file into a 16 by 16 pixel favicon.ico file format.
Just google PNG to ICO converter, and you should see free options for converters that allow you to upload your png file, and have it converted to ICO.
As a side note, you’ll notice these converters have favicons next to their site titles in these results.
Once you’ve done this, you can go to the site builder.
I’m logged into my account.
You can add your favicon by going to site settings, and choosing Use a Custom Favicon, and then upload your favicon.ico file.
Remember, this will only work with an ico file, so make sure you have a version of your logo in this format.
So we’ve uploaded it.
We’ll click publish.
So you’ll see the favicon has now loaded for my website in the browser tab, right away.
And note that it may take Google and other search engines to take some time to crawl the changes and display the favicon for your search results.
So that’s it! A favicon is a small detail, but it’s a great way to improve your branding and professionalism.
We hope this was helpful, and thanks for watching!