How to Change Your Squarespace Favicon (Step-by-Step)
Favicons are the small icons you see in your browser tabs. They’re often an illustration, graphic, logo, or initial that identifies the website when a user has it open in a tab.
Leaving the default Squarespace* favicon can make your site feel unprofessional or unfinished, but it’s quick and simple to update. This guide will walk you through the process of updating your favicon, with tips on creating a favicon that meets Squarespace’s requirements.
Affiliate disclosure: Some of the links in this article are affiliate links, marked with an asterisk (*). Studio Founded may receive a commission from qualifying purchases made through these links, at no additional cost to you. You can read our full affiliate disclosure here.
Why Do You Need a Favicon?
A favicon isn’t needed for website functionality, but it does add credibility and professionalism, and makes your website easy to identify in browser tabs and bookmarks. We always add a bespoke favicon before launching a new Squarespace site.
How to Create a Favicon
Before you can upload a favicon, you need to create one.
Because it’s very small, it should be something simple but recognizable, like an initial or brand icon. It should be between 100 × 100px and 300 × 300px (just keep it square for best results).
Your file should be a PNG and no larger than 100KB.
To create your favicon, you can use tools like Canva, Adobe Express (or Photoshop if you’re a professional user), or Favicon.io.
How to Upload Your Favicon to Squarespace
Login to Squarespace
Start by logging into Squarespace* and navigating to your website.
Navigate to the Favicon Area
In your website’s sidebar, you can visit Settings > Website > Favicon, or use the search bar to search for “favicon”.
Upload Your Favicon
In the Favicon area, click the Upload Image button and select your file to upload.
You can set the default favicon and an optional dark mode favicon.
If you’ve designed a dark mode version, you can upload it separately, though this is optional.
FAQs
Should my favicon have a transparent background?
It can, but it doesn’t have to. If using transparency, remember to save your file as a transparent background PNG.
Why isn’t my favicon appearing?
It’s like a caching issue, and it can take some time for favicons to update. Try refreshing your browser, opening your site in a private opening, or clearing your cache.
Where does my favicon appear?
They may appear in browser tabs, bookmarks, and mobile search previews.
Continue Reading
Shop the Template Library
