Squarespace是摄影师、创意人士和小企业信赖的热门网站构建器，图片是每个Squarespace网站的核心。 但未经优化的图片是Squarespace页面加载缓慢的最大原因之一。本指南确切解释了Squarespace建议的图片 尺寸和格式，以及如何在上传前优化图片以获得最佳性能和视觉质量。
Squarespace图片尺寸建议
Squarespace的官方指南建议以下内容：
- 最大宽度: 大多数图片为2500px。这个尺寸覆盖了大多数桌面屏幕的全宽横幅部分。
- 文件大小: 每张图片低于500KB。Squarespace会自动压缩图片，但上传较小的文件 可以更好地控制最终质量。
- 格式: 照片用JPEG，带透明度的图形和徽标用PNG，也接受WebP。
- 接受的最大文件大小: 每张图片20MB。超过此限制，Squarespace将拒绝上传。
为什么图片优化对Squarespace很重要
Squarespace应用自动图片压缩并通过CDN提供图片，这有帮助。但由于以下原因，它不能替代适当的 上传前优化：
- Squarespace的自动压缩不可预测: 平台可能根据访客的设备和连接速度以不同质量级别 提供图片。
- 页面速度影响SEO: Google使用Core Web Vitals（通常是英雄图片的Largest Contentful Paint） 作为排名信号。
- 大图片可能使Squarespace编辑器变慢: 将8MB照片上传到Squarespace编辑器可能使 编辑体验变慢。
不同Squarespace部分的推荐图片尺寸
- 全宽横幅图片: 2500 x 1400px。覆盖大多数超宽桌面屏幕。
- 图库图片: 1500 x 1000px或1200 x 800px。
- 博客文章图片: 1500 x 844px（16:9比例）。
- 产品图片（Squarespace Commerce）: 1500 x 1500px（正方形）。
- 徽标: 2倍分辨率250 x 100px（Retina显示屏用500 x 200px）。徽标最好使用带 透明度的PNG。
逐步图片优化工作流程
- 第1步 — 调整到目标尺寸: 如果相机拍摄的照片宽度为6000px，在压缩前使用Picovert的图片调整大小工具将其调整为2500px。
- 第2步 — 压缩: 通过图片压缩器处理调整大小后的图片。 对于Squarespace照片，质量80-85通常将图片带到推荐的500KB以下范围。
- 第3步 — 如需要则转换格式: 如果您有来自iPhone的HEIC照片，请在上传前将其转换为JPEG或WebP。
- 第4步 — 上传并使用描述性文件名: 上传前将图片重命名为包含关键词的名称。 Squarespace默认使用文件名作为alt文本，这有助于SEO。
快速优化目标
- 横幅图片: 2500 x 1400px，低于300KB（JPEG质量80）
- 图库图片: 1200 x 800px，低于200KB
- 博客图片: 1500 x 844px，低于200KB
- 产品图片: 1500 x 1500px，低于300KB
- 徽标: 500 x 200px，PNG，低于50KB
在上传到Squarespace之前优化图片是您可以对网站加载速度做出的最高影响的改进之一。从Picovert的免费图片压缩器开始 — 它在您的浏览器中无需上传到外部服务器 就能处理图片，这意味着在整个优化过程中您的照片保持私密。