How to add a favicon to your Squarespace website in under 3 minutes

how-to-upload-a-favicon-to-your-Squarespace-website
 

You know those little logos or images you see at the top of a browser window or when you save a site to favourites?  They are called favicons, and they help brand your website and give it a clear identity.

favicon-examples
more-favicon-examples
 

Squarespace and Favicons

When you sign up for a Squarespace website, your site has a default favicon that is shared by all Squarespace sites.  It might look familiar (and if not, it looks like this).

It's really easy to change it, and once you have the image file you want to use, you can do it in under 3 minutes. 

What you'll need before you start

All you will need is a .jpg or .png file with the image you want to use for your favicon to convert to a .ico file.  

I use a 64px x 64px image for the sites I build.

 

Which file type should you choose?

If your favicon image fills a square box like the image pictured, then a jpeg is fine.  

RED FAVICON.jpg

If you want to have a clear background, then you'll need a clear cut png (that means an image without a background). 

 

So let's get to it!


Did you try it out for yourself? Let me know in the comments below how you got on, or it you have any questions.