A site logo builds brand recognition and enhances your website's professional appearance. Here's how to effectively add and manage your logo on Squarespace.

Before Adding Your Logo

1. Set your site title first:

• Creates logo's alt text
• Helps with SEO indexing
• Displays in browser tabs

Logo Image Requirements

• Use high-quality images to prevent pixelation
• Acceptable formats: .jpg, .gif, or .png
• Size should match desired display height
• Custom logos recommended (stock images not allowed)

Adding Your Logo

On Desktop (Version 7.1):

1. Click "Edit" in top-left corner
2. Hover over header, click "Edit Site Header"
3. Click site title/logo, then pencil icon
4. Select "+" to add image
5. Upload file or select from library
6. Adjust height using sliders
7. Save changes

On Mobile App:

1. Tap More > Design > Logo & Title
2. Tap Logo
3. Choose image source
4. Select or capture image
5. Save changes

Logo Display Tips

• Position varies by template
• Adjust size for both desktop and mobile views
• Logo always links to homepage
• Use transparent PNG for clean look
• Can't display both logo and site title simultaneously

Removing Your Logo

1. Access header editor
2. Select logo
3. Click Remove or trash icon
4. Save changes

Best Practices

• Include brand name in logo image
• Maintain site title in settings for SEO
• Use appropriate dimensions for your template
• Ensure clear visibility on all devices
• Consider mobile display when sizing

Your logo serves as your site's visual identity, so choose and position it carefully to make the best first impression.

Related Articles

Previous Articles