이메일 템플릿 또는 섹션에 배경 이미지를 추가하는 방법

예상 3 읽은 시간(분)
|
업데이트 2024년 10월 18일 오후 12:27 EST
학습 내용

학습 내용

배경 이미지 위에 텍스트, 이미지 및 기타 이메일 콘텐츠를 레이어링하는 방법을 알아보세요. 전체 이메일 또는 단일 섹션에 배경 이미지를 추가할 수 있습니다. 이 기능을 사용하면 한 이미지를 다른 이미지 위에 레이어링하거나 이미지 위에 버튼이나 텍스트를 추가할 수 있습니다.

배경 이미지 정보 

배경 이미지 정보 

전체 이메일 템플릿 뒤에 배경 이미지를 추가하거나 템플릿의 특정 섹션 뒤에 배경 이미지를 추가할 수 있습니다. 템플릿 배경은 템플릿의 스타일 탭을 사용하여 추가되며 일반적으로 이메일의 전체 너비와 높이에 걸쳐 적용됩니다. 

템플릿 배경 이미지

그러나 섹션 배경은 이메일의 특정 영역에 격리되어 있습니다. 이를 통해 역동적이고 눈길을 사로잡는 이미지와 클릭 유도 문안을 만들 수 있습니다. 하나의 이미지에 여러 개의 클릭 유도 문안을 포함할 수도 있습니다(예: "신발 쇼핑" 및 "액세서리 쇼핑"). 이러한 섹션별 배경 이미지는 섹션의 스타일 탭을 통해 추가할 수 있습니다. 

섹션 배경 이미지 설정

텍스트 및 기타 콘텐츠가 겹쳐진 배경 이미지를 사용하면 텍스트가 포함된 단일 이미지를 삽입하는 것보다 이메일의 접근성을 높일 수 있습니다. 메시지에 텍스트가 거의 없는 이미지 콘텐츠가 주로 포함된 경우 이미지를 표시하지 않는 화면 리더 및 기타 접근성 장치를 사용하는 수신자는 대체 텍스트에 의존하여 메시지 내용을 이해해야 합니다. 

또한 일반 텍스트 받은 편지함을 사용하거나 기본적으로 이미지를 숨기도록 받은 편지함을 설정한 수신자는 메시지를 쉽게 이해할 수 없습니다. 뒤에 이미지가 있는 표준 텍스트 블록을 사용하면 접근성이 필요하거나 대체 디바이스를 사용하는 수신자가 메시지를 더 쉽게 이해할 수 있습니다. 

배경 이미지 선택 

배경 이미지 선택 

섹션 또는 템플릿 배경으로 사용할 이미지를 선택할 때는 받은 편지함에서 선명하고 전문적으로 보일 수 있도록 해상도가 충분히 높은 이미지를 선택하세요. 그러나 불필요하게 큰 파일은 이메일 로딩 시간이 느려질 수 있으므로 사용하지 않도록 주의하세요. 일반적으로 1MB 이하의 이미지를 섹션 배경으로 사용합니다. 

섹션 배경 이미지 설정 

섹션 배경 이미지 설정 

사용할 이미지를 선택했으면 이메일 템플릿에 새 섹션을 추가합니다.

  1. 섹션의 스타일 탭에서 배경 섹션을 찾습니다.
  2. 이미지 켜기 토글.
  3. 이미지 라이브러리 찾아보기를 클릭한 다음 이미지를 업로드합니다.
    섹션 배경 이미지 추가
  4. 배경 이미지의 스타일을 지정했으면 섹션에 콘텐츠를 추가합니다. 섹션에 블록 유형(예: 텍스트 블록, 버튼 블록, 표 블록)과 블록 개수에 관계없이 블록을 추가할 수 있습니다. 

배경 이미지를 설정한 후 배경 색상도 선택합니다. 어떤 이유로든 배경 이미지를 로드할 수 없는 경우 이 색상이 표시됩니다. 

  1. 섹션의 스타일 탭을 엽니다.
  2. 섹션 색상을 켜고 끕니다.
  3. 선택한 이미지의 색상과 거의 일치하는 색상을 선택합니다. 
섹션 배경 스타일 옵션

섹션 배경 스타일 옵션

이미지가 이메일의 전체 너비에 걸쳐 표시되는지 아니면 이메일 콘텐츠 내에 포함되는지 선택하려면 표시 위치 설정에서 콘텐츠 또는 섹션 중에서 선택합니다. 

형식 섹션에서 다음 옵션 중에서 선택합니다: 

  • 원본 크기
    이미지가 원래 크기로 표시되며 어떤 방식으로도 제약을 받지 않습니다.
  • 맞춤
    이미지가 섹션 영역에 완전히 맞으며, 섹션 영역의 정확한 크기가 아닌 경우 아래에 배경색이 노출될 수 있습니다.
  • 채우기
    이미지가 섹션 영역을 완전히 채우며 이미지의 일부가 잘릴 수 있습니다. 
  • 타일
    이미지가 반복되어 전체 섹션 영역을 채우며 타일 크기를 토글하여 배율을 선택할 수 있습니다.
템플릿 배경 이미지 설정 

템플릿 배경 이미지 설정 

이메일 템플릿에 배경 이미지를 추가하려면 다음과 같이 하세요:

  1. 템플릿의 스타일 탭으로 이동합니다.
  2. 배경 이미지 설정 켜짐을 토글합니다.
    템플릿 배경 토글
  3. 이미지 라이브러리에서 이미지를 선택하거나 새 이미지를 업로드합니다.

이미지를 추가한 후에는 이미지의 위치와 가로 및 세로 반복(또는 타일링) 여부를 변경할 수 있습니다.

템플릿의 배경 이미지로 설정된 이미지는 템플릿 영역의 전체 너비를 차지할 수 있습니다. 이미지가 로드되는 동안 배경색이 표시되거나 수신자가 이메일의 이미지를 비활성화한 경우 이미지와 비슷한 색조로 템플릿 배경색을 설정할 수 있습니다. 

받은 편지함 배경 이미지 지원

받은 편지함 배경 이미지 지원

대부분의 받은 편지함에서 배경 이미지를 지원하지만, 배경 이미지가 표시되지 않을 수 있는 특정 상황이 있습니다. 이러한 시나리오에서는 배경색이 대신 표시됩니다. 

다음 받은 편지함은 배경 이미지를 지원하지 않습니다: 

  • Windows용 Outlook
  • Yahoo! 메일(부분 지원)
  • AOL(부분 지원)

또한 수신자의 인터넷 접속이 제한적이거나 느린 경우 배경 이미지가 느리게 로드되거나 전혀 로드되지 않고 배경색이 대신 표시될 수 있습니다. 

추가 리소스

추가 리소스

이 도움말 문서가 유용했나요?
이 형식은 도움말 문서 피드백 용도로만 사용하세요. 지원 팀에 문의하는 방법.

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
라이브 교육
Klaviyo 전문가와 함께하는 라이브 세션에 참여하여 모범 사례, 주요 기능 설정 방법 등에 대해 알아보세요.
지원

계정을 통해 지원에 액세스하세요.

이메일 지원 (무료 체험 및 유료 계정) 연중무휴 24시간 사용 가능

채팅/가상 비서
사용 가능 여부는 위치 및 요금제 유형에 따라 다름