How to Create and Add a Favicon to Your Squarespace Website
In this post, Iโm covering the basics of creating and adding a favicon to your Squarespace website!
What a Favicon is (and Why You Should Have One)
A favicon is the tiny image to the left of the text on a website tab in your browser.
(HINT: Gmailโs is a rainbow โM,โ Google Driveโs is a rainbow triangle, etc.)
You can see them easily whenever you open one or multiple tabs on your browser.
Having one for your Squarespace website is an excellent way to make your brand more recognizable and your website more professional.
(Without uploading a custom favicon to your website, Squarespace will show a general grey box - their favicon.)
Though favicons may seem to be small and often go unnoticed, they are much more noticeable when your website doesnโt have one - meaning their absence can be a dead giveaway of a website lacking professionality.
(Though theyโre not the FIRST thing you might notice on a website, visitors definitely notice them when clicking between tabs.)
Donโt let this happen to the site youโve worked so hard on!
Favicon Best Practices
So, Iโve convinced you of the importance of having a favicon - but now youโre wondering where to start in adding one to your Squarespace website.
Fear not - Iโm going to cover some of the best practices for adding a favicon to your site that makes it look more professional, not less.
Simple is best
First, be sure to keep it simple.
Because favicon images are so small, intricate designs will show up as cluttered and smudge-like.
Instead, go for a small graphic or singular letters which are more easily seen on a tab.
(HINT: DONโT use your regular logo!)
Square format
In addition, a favicon should be in a circular or square format and more than 100 x 100 pixels but lower than 300 x 300 pixels, and no larger than 100KB.
This will ensure it shows up neatly and uncompressed on your website tab.
Just note that they will appear as 16 x 16 pixels.
Youโll want to upload it as a .png file.
How to Easily Create a Favicon in Canva
One of my favorite tools for creating favicons is Canva because it is simple, easy to use, and free!
Using Canva, you can create an amazing favicon that fits your branding in under an hour.
Follow these steps to create the perfect favicon for your website:
How to Enable your Favicon
Once youโve created your favicon, the last step is to enable it on your website. Doing this is much more simple than you might think on Squarespace, as Squarespace allows you to alter your favicon at any time under your logo tab!
Hereโs how you can do it on your website:
1. Click Design
2. Click Logo & Title
3. Upload favicon
You can either drag the graphic in or click on upload. Once youโve uploaded it, make sure to click save.
If all this sounds like a foreign language and youโre ready to have a ready-to-go, beautiful website done COMPLETELY for you, I can help you! Check out my services page below to explore how we can work together.
As a Squarespace website designer, I have years of experience in crafting websites that convert visitors to customers and show off your brand in all the right ways.
You might also love these Squarespace blog postsโฆ