전자메일 템플리트에 이미지 추가

시각적으로 더 멋진 콘텐츠를 생성하고, 이미지를 추가하여 브랜드를 알립니다. 일부 전자메일 클라이언트는 기본적으로 이미지를 다운로드하지 않으므로 대체 텍스트를 포함해야 합니다.

배경 이미지 추가

전자메일의 모든 레이아웃에 배경 이미지를 추가할 수 있습니다. 예를 들어 메인 이미지를 생성하고 콘텐츠로 오버레이하여 선명한 레이아웃을 생성합니다.

전자메일 레이아웃에 적용된 예제 메인 이미지

일부 전자메일 클라이언트(예: Microsoft Outlook)는 배경 이미지를 지원하지 않습니다. 목표 전자메일 클라이언트를 사용하여 전자메일을 미리 보고 테스트해야 합니다.

배경 이미지를 추가하려면 다음을 수행합니다.

  1. 전자메일 템플리트를 열고 배경 이미지를 추가할 레이아웃을 누릅니다.
  2. 일반 속성 패널에서 찾아보기를 누르고 이미지를 선택합니다. 배경 이미지에 대한 추가 설정은 없습니다.
  3. 원하는 경우, 레이아웃에 콘텐츠를 추가합니다.

이미지 추가

이미지 콘텐츠를 추가하는 경우, 이미지 크기는 다음 지침을 사용합니다.

전자메일 레이아웃 이미지 크기
1열 600px
2열 300px
3열 200px
4열 150px
2열, 왼쪽 사이드바 200px 및 400px
2열, 오른쪽 사이드바 400px 및 200px

전자메일에 이미지를 추가하려면 다음을 수행합니다.

  1. 전자메일 템플리트를 열고 이미지 콘텐츠 구성요소를 레이아웃으로 끕니다.

    전자메일 캔버스로 끌어온 이미지 구성요소 이미지

  2. 이미지를 찾을지, 새 이미지를 업로드할지를 선택합니다.
    • 이미지 라이브러리에서 이미지를 찾으려면 찾아보기 아이콘 이미지을 누릅니다.
    • 새 이미지를 업로드하려면 폴더를 선택하고 콘텐츠 업로드를 누릅니다. 시스템에서 이미지 라이브러리로 업로드할 이미지를 찾을 수 있습니다.

  3. 기본적으로 Responsys에서는 이미지 높이와 너비가 전체 콘텐츠 블록에 맞게 비례해서 자동 조정됩니다. 이미지 크기 조정 속성을 사용하여 이미지를 스케일링하고 이미지 맞춤을 설정합니다. 아래에서 이미지 크기 조정 속성에 대해 자세히 알아보십시오.
  4. 이미지를 추가한 후 이미지 콘텐츠 블록을 누르고 이미지 패널을 사용하여 이미지에 형식을 지정합니다.

대체 텍스트

이미지 패널을 사용하여 이미지에 대체 텍스트를 추가할 수 있습니다. 대체 텍스트를 사용하면 이미지가 차단되었거나 해제되어 있는 수신자를 위해 이미지를 설명할 수 있습니다. 대체 텍스트는 장애가 있는 사용자의 이미지 접근성을 향상하는 데에도 도움이 됩니다.

크기 조정 및 맞춤

이미지 패널에서 사용할 수 있는 이미지 크기 조정 옵션을 사용하여 이미지 맞춤을 변경하거나 이미지를 스케일링합니다.

  • 자동 맞춤 설정을 사용하여 이미지 높이와 너비를 전체 콘텐츠 블록에 맞게 비례해서 조정합니다.
  • 자동 맞춤 설정을 해제하여 이미지 너비를 늘리거나 줄입니다. 콘텐츠 블록의 100%까지 이미지를 스케일링할 수 있습니다. Responsys에서 이미지 비율을 유지합니다.
  • 맞춤 단추를 사용하여 이미지를 콘텐츠 블록의 오른쪽 또는 왼쪽에 맞추거나, 이미지를 콘텐츠 블록의 가운데에 맞춥니다.

이미지 크기 조정 옵션을 보여주는 애니메이션

배경색

이미지 패널을 사용하여 콘텐츠 블록의 배경색을 설정합니다. 16진수 또는 RGB 값을 사용하여 색상을 설정할 수 있습니다.

연결

이미지를 링크로 만들려면 이미지 패널을 사용합니다. 외부 웹페이지에 연결할 수 있습니다. 링크 유형에 대해 자세히 알아보십시오.

패딩 및 테두리

이미지 패널에서 사용 가능한 옵션을 사용하여 콘텐츠 블록 주위의 패딩과 테두리를 조정합니다. 패딩 및 테두리에 대해 자세히 알아보십시오.

관련 항목

전자메일 템플리트 콘텐츠 및 레이아웃 작업

전자메일 템플리트(시각적 템플리트 디자이너)