Help Centre

Support > Designing and Building Your Website > Designing Your Website

How do I add a Favicon to my site?

A 'Favicon' (short for Favorite icon), also known as a shortcut icon, is the little image seen next to your website in your browser's tabs as well as in some other places such as the bookmarks folder.

By default, all Create websites will have the same 'C' in a blue square favicon, as shown above. But if you would like to change this to something else, with Create you can. You can't use any image for this, you need a really small .ico file. Thankfully, there are lots of free tools online you can use to create your own. 

Generally, it's best practice to just use letters/initials for a favicon design, rather than an image, due to the very small amount of space you have to work with. A detailed image is not going to convert well to a small favicon image, so keep that in mind when making one.

The following browser-based tool, allows you to make a text-based favicon or upload an image and scale it down to the right size for the favicon.

https://www.prepostseo.com/favicon-generator

Once you are finished making the favicon, download your design in the 48px option. This will download a high-quality version of the favicon which will display well on high-resolution screens.

Please note the file name of your favicon must be favicon.ico with that file extension in order for it to work with Create.

Next, you need to upload this file to the Files area of your Create account.

  1. Log in to your Create account
  2. Click on Content from the Top Menu
  3. Select Files from the left-hand menu
  4. Click the Add File button and select  the favicon.ico from where you saved it on your computer

You will then need to publish your website. The favicon will be applied during the publishing process.

If your icon is taking a long time to appear, you may need to clear your browser's cache.

While you are making your website's Favicon, did you know that you can also create iOS Home Screen icons in a very similar way? This means that people will be able to save your website to the home screen of their apple device so they can come back and visit with just one tap of their phone. 

How to Add An iOS Home Screen Icon for Your Website >>

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch