사이트에 매력적인 시각적 요소를 추가하고 더 크게 또는 더 작게 표시하도록 수정하세요.

이미지를 사용하는 것은 텍스트를 나누고 제품이나 포트폴리오를 강조하며 브랜드의 개성을 선보일 수 있는 훌륭한 방법입니다. 사이트의 페이지에 이미지를 추가한 후 크기를 조정하여 페이지에서 이미지를 더 크게 또는 더 작게 만들 수 있습니다.

또한 모든 Squarespace 사이트에는 반응형 디자인이 있습니다. 즉, 각 방문자가 사이트를 방문하는 데 사용하는 기기에 따라 이미지의 크기가 자동으로 변경됩니다. 이 가이드에서는 이미지를 추가하고, 크기를 조정하고, 사용자 지정하는 다양한 방법을 보여드립니다.

비디오를 시청하십시오

이미지를 추가하는 방법

이미지를 업로드하거나, 이전에 업로드한 이미지를 재사용하거나, 스톡 이미지를 추가하여 사이트에 이미지를 추가할 수 있습니다. 이러한 옵션은 이미지를 추가할 수 있는 대부분의 사이트 위치에서 사용할 수 있습니다.

이미지 업로드

기기에서 직접 사이트에 이미지를 추가하세요. 업로드하기 전에 반드시 서식 지침을 따르는지 확인하세요.

이미지 블록이나 갤러리 섹션과 같은 사이트의 특정 요소에 이미지를 업로드하거나 애셋 라이브러리에 먼저 업로드한 후 사이트 전체의 다른 영역에 추가할 수 있습니다. 이미지를 업로드할 수 있는 위치와 세부 단계 링크에 대한 자세한 내용이 필요한 경우 아래 표를 검토하세요.

업로드한 이미지가 원하는 방식으로 표시되지 않으면 이미지 포맷 문제 해결 단계를 검토하세요. 이미지를 업로드할 수 없는 경우,브라우저 문제 해결 단계를 따르고 다시 시도해 보세요.

이미지 재사용

사이트에 이미 업로드한 이미지를 재사용하세요. 애셋 라이브러리를 사용하여 업로드된 모든 이미지를 보고 관리하세요. 자세한 내용을 보려면 이미지 및 비디오 관리 및 재사용을 방문하세요.

스톡 이미지

스톡 이미지를 Unsplash 및 Getty Images와의 파트너십을 통해 추가하세요. 스톡 이미지를 사이트의 다른 영역에서 재사용할 수도 있습니다.

Squarespace 앱에서 이미지 추가

Squarespace 앱에서는 갤러리 섹션 및 이미지 블록과 같이 이미지를 지원하는 사이트의 모든 영역에 이미지를 추가할 수 있습니다. 앱에서 편집하는 동안 이미지 추가를 지원하는 사이트의 일부 페이지가 다른 방식으로 제한될 수 있습니다.

이미지를 추가하는 방법은 다음과 같습니다.

1. + 또는 이미지 추가를 탭합니다.
2. 이미지 영역과 iOS 또는 Android 기기 사용 여부에 따라 다음을 수행할 수 있습니다.
   • 새 사진 찍기
   • 사진 라이브러리에서 이미지 업로드
   • 파일에서 이미지 업로드
   • 이미지 재사용
3. 이미지를 탭하여 제목, 설명, 클릭스루 URL을 추가합니다.

사용 중인 기기에 따라 다음 팁을 따를 수도 있습니다.

• iOS에서 이미지 블록에 업로드하는 경우 스톡 이미지를 검색하고 추가할 수 있습니다.
• iPad에서는 Split View를 사용하여 사진에서 Squarespace 앱으로 이미지를 드래그 앤 드롭할 수 있습니다.
• 내 라이브러리에 이미지를 추가하여 컴퓨터에서 재사용할 수 있습니다. iOS에서는 제품 에디터에서 이미지를 재사용할 수도 있습니다. 자세히 알아보려면 이미지 관리 및 재사용을 방문하세요.

이미지를 추가하고 스타일을 지정할 위치

사이트에 이미지를 추가할 수 있는 여러 영역이 있으며, 이러한 영역은 용도에 따라 이미지를 다르게 표시합니다. 이미지를 추가한 후, 사이트 스타일, 디자인 패널, 블록 또는 페이지 섹션 설정을 사용하여 스타일을 변경하고 이미지가 표시되는 방식을 사용자 지정할 수 있습니다.

이미지를 추가하는 위치는 사이트 버전에 따라 달라집니다. 아래 목록을 검토하여 이미지를 추가하는 다양한 방법을 알아보고, 링크를 클릭하여 특정 기능으로 이미지를 추가하고 사용자 지정하는 방법에 대해 자세히 알아보세요.

일부 블록, 예를 들어 요약 블록, Instagram 블록, 제품 블록에는 이미지를 직접 추가할 수 없습니다. 대신 이러한 블록에는 사이트의 다른 곳에 추가한 이미지가 표시됩니다.

이미지 크기 조정

이미지를 추가한 후 페이지에서 이미지를 더 크게 또는 더 작게 만들고 싶을 수 있습니다. 예를 들어 이미지가 너무 커서 페이지의 나머지 콘텐츠를 압도할 수 있습니다. 또는 로고가 너무 작아서 읽기 어려울 수 있습니다. 이미지 크기를 조정하는 방식은 사이트에 이미지를 추가한 방식에 따라 달라집니다.

블록

블록 크기를 조정하는 방법은 에디터에 따라 다릅니다.

• 플루이드 엔진 - 클릭하고 드래그하여 페이지에서 직접 블록 크기를 조정하세요.
• 클래식 에디터 - 블록의 너비를 줄이려면 옆에 다른 블록을 추가하세요. 예를 들어, 이미지 블록 옆에 여백 블록을 추가하면 이미지 블록의 크기와 너비가 절반으로 줄어듭니다. 그런 다음 여백 블록의 너비를 변경하여 이미지 블록을 더 크게 또는 작게 만들 수 있습니다.

많은 블록에는 이미지 크기와 모양을 추가로 사용자 지정할 수 있는 ​​다른 옵션이 있습니다.

• 이미지 블록 - 클래식 에디터에서 자르기 핸들을 사용하여 인라인 및 포스터 이미지 블록의 높이를 변경하세요.
• 갤러리 블록 - 레이아웃에 따라 이미지를 자르거나 크기를 조정할 수 있습니다.
• 요약 블록 - 디자인 설정을 사용하여 이미지가 표시되는 방식을 변경하세요.
• Instagram 블록 - 설정을 사용하여 디자인을 선택하고 종횡비를 변경하세요.

페이지 및 섹션

• 자동 레이아웃 - 자동 레이아웃의 스타일을 지정하여 이미지가 표시되는 방식을 변경하세요.
• 갤러리 섹션 - 갤러리 스타일을 지정하여 이미지가 표시되는 방식을 변경하세요. 다른 레이아웃을 사용해 보는 것도 좋습니다.
• 포트폴리오 페이지 - 포트폴리오 섹션의 스타일을 지정하여 이미지가 표시되는 방식을 변경하세요.
• 스토어 페이지 - 스토어 페이지의 스타일을 지정하여 종횡비와 제품 이미지 너비를 변경하세요.
• 사이트가 버전 7.0을 사용 중인 경우 갤러리 페이지와 커버 페이지에 이미지를 추가할 수도 있습니다. 일부 버전 7.0 템플릿은 사이트 전체 배경 이미지를 지원합니다. 이미지 크기를 조정하는 데 도움이 필요하면 템플릿 가이드를 검토하세요.

사이트의 다른 영역

• 배너 이미지 - 배경 이미지가 있는 페이지 섹션의 높이 또는 너비를 변경하세요. 이러한 이미지는 모바일 기기에서 항상 일부 잘려서 표시됩니다.
• 사이트 로고 - 로고의 위치와 크기를 변경하세요.

고급 이미지 옵션

기본 사항을 넘어 인터랙티브 이미지, 애니메이션, 이미지 모양을 활용해 보세요.

• 이미지에 대체 텍스트를 추가하여 검색에 표시되도록 하고, 스크린 리더를 사용하는 방문자가 사이트에 더 쉽게 액세스할 수 있도록 하세요.
• 이미지 블록에 눈에 띄는 애니메이션과 이미지 효과를 추가하여 사이트를 독특하고 역동적으로 만드세요.
• 기본 제공 이미지 에디터로 이미지를 편집하여 완벽한 모양을 연출하세요. 예를 들어 자르거나, 회전하거나, 필터를 추가할 수 있습니다.
• 이미지를 라이트박스에서 열도록 설정하여 다른 콘텐츠보다 돋보일 수 있도록 하세요.
• 클릭스루 URL을 사용하여 이미지를 링크로 전환하세요.
• 마우스오버 시 효과를 사용하여 방문자가 이미지 위로 커서를 이동할 때 더 많은 정보를 표시하세요.
• 이미지 모양을 사용하여 이미지에 다양성과 독특한 시각적 효과를 추가하세요.

팁: 원본 이미지 파일의 크기를 변경하려면 서드파티(타사) 이미지 편집 소프트웨어를 사용하는 것이 좋습니다. 예를 들어 600px x 600px의 이미지를 업로드했지만 400px x 400px로 만들고 싶다면 기기에서 이미지를 편집한 다음 사이트에 다시 업로드하면 됩니다.

소셜 미디어에 맞게 이미지 크기 조정

Squarespace 외부 또는 소셜 미디어 플랫폼에서 사용할 목적으로 이미지를 특정 크기로 조정하고 자르려면 Squarespace의 무료 이미지 크기 조정 기능을 사용하세요.

.jpg 또는 .png 파일을 여러 개 업로드할 수 있습니다. 그 후 원하는 크기를 선택하세요. Instagram, Facebook, YouTube, X(구 Twitter), Snapchat 및 기타 표준 종횡비에서 사용할 사전 설정 크기를 선택하세요.

이미지 크기를 조정한 후 오른쪽 상단 모서리에서 다운로드 아이콘을 클릭하여 이미지를 .zip 파일로 다운로드하세요. 새 이미지는 원본 버전의 파일 형식을 유지합니다.

참고: 이미지 크기 조정은 소셜 미디어에서 사용할 수 있도록 기기에서 직접 이미지를 업로드하고 크기를 조정하기 위한 기능입니다. 이전에 Squarespace 사이트에 업로드한 이미지는 사용할 수 없습니다. 크기 조정 기능을 사용한 후 사이트에 이미지를 추가하려면 이미지를 다운로드한 다음 사이트에 업로드 하세요.

다음 단계

• Squarespace에서 이미지를 사용하는 방법에 대한 튜토리얼을 보려면 이미지에 대한 모든 것 비디오 시리즈를 시청하세요.
• 이미지 갤러리에 움직임을 더하려면 애니메이션 .gif를 사용하세요.
• 사이트에 비디오를 추가하여 방문자에게 더욱 역동적인 경험을 제공할 수도 있습니다.
• 이미지의 접근성을 높이는 방법을 알아보려면 오디오, 이미지, 비디오 접근성 향상을 참조하세요.