초점을 수동으로 설정하여 이미지의 중심을 제어하세요.

사이트의 여러 이미지 영역에는 초점이라는 내장된 중심 잡기 기능이 있습니다. 초점 기능으로 이미지의 초점을 설정하여 이미지가 어디에 중심을 두는지 제어할 수 있습니다.

초점이 있는 이미지

대부분의 이미지는 초점을 조정할 수 있습니다.

7.1 버전에서는 다음 항목의 초점을 조정할 수 있습니다.

• 이미지 블록
• 갤러리 섹션
• 대표 이미지
• 섹션 배경 이미지

7.0 버전에서는 다음 항목의 초점을 조정할 수 있습니다.

• 이미지 블록
• 갤러리 블록
• 갤러리 페이지
• 대표 이미지
• 대부분의 배너 이미지

참고: 제품 대표 이미지의 초점은 편집할 수 없습니다. 자세히 알아보려면 제품의 대표 이미지 변경하기를 방문하세요.

초점은 다음 항목에 최적화되지 않았습니다.

• 사이트 스타일에서 업로드된 7.0 버전의 배경 이미지 - 해당 이미지는 초점이 없습니다. 이미지의 초점과 자르기를 조정하려면 위치 및 크기 사이트 스타일 조정을 사용하세요.
• 패럴렉스(시차) 스크롤링이 적용된 이미지 - 이러한 이미지는 초점이 있습니다. 그러나 패럴렉스(시차) 스크롤링의 작동 방식 때문에 변경 사항이 이미지의 위치에 눈에 띄는 영향을 미치지 않을 수 있으며, 짧고 넓은 이미지의 경우 특히 그렇습니다.
• 사이트의 영역에 있는 비디오

팁: 다른 내장 도구를 사용하여 이미지를 자르고 크기를 조정할 수 있습니다.

초점 설정

1. 블록, 섹션 또는 이미지를 엽니다.
2. 이미지 위에 커서를 올리면 작은 동그라미처럼 보이는 초점이 표시됩니다. 이 예에서는 페이지 대표 이미지를 사용하지만, 모든 초점에 적용되는 절차는 비슷합니다.

3. 초점을 클릭하고 드래그하여 중앙 초점 영역을 설정합니다.

초점으로 설정된 영역이 이제 이미지의 중심으로 나타납니다. 저장을 클릭하지 않아도 새 초점이 새 위치에 자동으로 저장됩니다.

팁: 일부 이미지에서는 초점을 중앙에 매우 가깝게 설정하려고 할 때 초점이 이미지 중앙으로 이동할 수 있습니다. 이것은 정상이며, 중앙에서 이동해도 시각적인 차이가 없을 때만 발생합니다.

더 많은 도움

이미지 크기와 모양

이미지의 높이와 너비, 컨테이너에 이미지가 채워지는 모양은 초점 효과에 큰 영향을 미칩니다.

예를 들어, 정사각형으로 표시되도록 설정된 이미지 블록에 가로 방향 이미지를 추가하면, 초점을 가로로 변경할 때 큰 차이가 발생할 수 있습니다. 이미지가 컨테이너보다 넓어서 어느 쪽에서든 중심을 다시 맞출 여유가 있습니다.

반면에 이미지의 컨테이너와 원본 이미지가 기본 모양과 크기가 동일하다면, 초점을 이동해도 큰 차이가 없을 것입니다.

팁: 이미지 블록의 컨테이너 높이를 조정하려면 자르기 핸들을 사용하세요.

갤러리 이미지

• 메인 갤러리 페이지나 갤러리 섹션 편집기에서 초점을 조정할 수 있습니다. 세밀하게 변경하려면 이미지 편집기를 사용하세요.
• 7.0 버전에서, 갤러리 페이지로부터 이미지를 가져오도록 갤러리 블록을 설정한 경우, 갤러리 페이지 내에서 초점을 변경하세요.

이미지 디스플레이

이미지가 흐릿하게 보이거나 왜곡된 경우:

• Squarespace의 서식 지침을 따르고 있는지 확인해 주세요.
• 반응형 디자인이 배너에 미치는 영향과 기타 이미지에 미치는 영향을 알아보세요.
• 이미지 블록, 갤러리 섹션, 갤러리 페이지, 갤러리 블록, 대표 이미지 또는 배너 이미지에 대해 자세히 알아보고 페이지에 표시되는 방식과 이미지 컨테이너 크기를 조정하는 방법을 익히세요.