Adding a site logo

You can upload a logo image to appear in place of your site title. This is a great way to promote your brand on your site.

Clicking your logo image always leads to your homepage.

Watch a video

Add a site title

Before adding your logo, ensure you've replaced the default Your Site Title placeholder text with the name of your site because:

• The site title creates the logo's alt text.
• Search engines index the site title and may display it in search results, so setting a site title is a best practice for SEO.
• The site title may display in browser tabs, depending on your SEO title format.

For more help, visit Adding a site title.

Prepare your logo image

For best results:

• Before uploading your logo, ensure it's a similar height to how you'd like it to display. We don't require exact dimensions for site logos. However, on version 7.0, some templates have a maximum logo height or width. For template-specific details, go to Resizing a logo on version 7.0.
• When in doubt, it's better to start with a larger image, as smaller images may become pixelated when they resize.
• Your logo can be in .jpg, .gif, or .png format. See our image requirements for more information.
• The logo replaces the site title. To include text in your logo, see our tips below.

If you don't have a logo yet, you can create one with Squarespace Logo. It's not possible to use stock images for your logo.

Add a logo image

How you add a logo image on a computer depends on your site's version. You can also add a logo on the Squarespace app.

After adding an image, you can:

• Edit your image
• Replace or remove the image

Logo display

Usually, the logo displays at the top of the site. How you style your logo depends on your site's version. Styling the logo is only supported on a computer.

Remove a logo

How you remove a logo image on a computer depends on your site's version. You can also remove the logo on the Squarespace app. When you remove a logo, your site title will reappear.

Use a logo with text

It isn't possible to display a logo and site title at the same time. Instead, use a logo image that includes your site title text.

Since text in the logo image file isn't indexable by search engines, we recommend keeping your site title text in the Site Title field when using a logo.

Transparent backgrounds

To create a logo without a background color, ensure your logo is a .png file with a transparent background. You can use third-party software to create this, or use Squarespace Logo to create transparent backgrounds automatically.

Note: If you edit your image with our built-in image editor, it saves as a .jpg, and all transparency will be lost. To maintain the .png format, use third-party software instead.

Redirect the logo

Clicking your logo image always leads to your homepage. The logo clickthrough can’t direct to a different page of your site without applying custom code.

Please note that adding code to your site is an advanced modification and we can't offer more help on this topic.

Resizing a logo on version 7.0

Tip: If your site is on version 7.1, use the header settings to change the logo size.

Use the tweaks below to resize your logo in these template families: