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 (정사각형).
로고: 2x 해상도의 250 x 100px (레티나 디스플레이용 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의 무료 이미지 압축기로 시작하세요 — 외부 서버에 업로드 없이 브라우저에서 이미지를 처리하므로 최적화 과정 전반에 걸쳐 사진이 비공개로 유지됩니다.