학습 내용
크기 권장 사항 및 이미지 추가 방법 등 클라비요 이메일에서 이미지를 사용할 때의 모범 사례에 대해 알아보세요.
이메일에서 이미지를 사용하기 위한 모범 사례이메일에서 이미지를 사용하기 위한 모범 사례
클라비요는 JPEG, PNG, GIF 이미지 파일을 지원합니다. 일반적으로 PNG 파일은 여러 기기에서 가장 잘 표시되며, 특히 텍스트가 포함된 이미지의 경우 더욱 그렇습니다.
클라비요에서 지원하는 최대 이미지 파일 크기는 5MB입니다. 그러나 이미지 크기가 크면 로드 속도가 느려져 수신자 환경이 좋지 않을 수 있으므로 1MB 이하의 이미지를 사용하는 것이 좋습니다.
웹에서는 72dpi 해상도를 사용하는 것이 가장 좋습니다. 이미지 품질과 로딩 속도의 균형을 맞추려면 이미지의 너비는 600~1000픽셀, 높이는 전체 너비 이미지의 경우 2000픽셀 미만으로 유지하세요. 이메일의 전체 너비보다 작은 이미지는 600px보다 작을 수 있습니다.
72dpi의 전체 너비 이미지는 1MB보다 큰 경우가 많으므로 이미지 크기를 줄이면 이미지가 눈에 띄게 흐릿하거나 품질이 낮아질 수 있습니다. 메시지에 사용할 이미지를 선택할 때는 이미지 품질과 로딩 시간 간의 균형을 고려하세요. 특히 인터넷 연결이 느린 경우 큰 이미지가 이메일을 열었을 때 즉시 표시되지 않을 수 있습니다.
항상 이미지에 대체 텍스트를 추가하세요. Outlook 및 Apple Mail을 포함한 특정 받은 편지함에서는 수신자가 이미지를 보도록 선택할 때까지 이미지가 표시되지 않습니다. 대체 텍스트를 포함하면 이러한 받은 편지함을 사용하는 수신자가 이미지가 전달하려는 내용을 이해하는 데 도움이 되며 접근성도 지원됩니다.
이미지 블록 삽입이미지 블록 삽입
클라비요에 이미지를 업로드하는 가장 쉬운 방법은 컴퓨터에서 템플릿으로 이미지를 드래그하는 것입니다:
템플릿으로 드래그하는 각 이미지는 별도의 이미지 블록을 생성합니다. 또는 이미지 블록을 템플릿으로 먼저 드래그한 다음 포함할 이미지를 선택할 수 있습니다.
이미지 블록을 배치하면 이미지를 추가하라는 메시지가 표시됩니다:
- 즉시 업로드를 위해 블록에 이미지 드래그하기
- 컴퓨터에서 이미지를 찾아 업로드하기 위해 검색하기
- URL에서 가져오기
- 이미지 라이브러리에서 이미지 선택
- 제품 카탈로그에서 이미지 선택(이커머스 플랫폼과 통합되었거나 사용자 지정 카탈로그를 동기화한 경우)
- 이미지를 동적으로 채우려는 경우 플레이스홀더 URL 또는 변수 시퀀스 삽입(흐름에만 해당)
이미지를 업로드하는 경우 업로드할 수 있는 최대 이미지 크기는 5MB입니다.
이미지 자르기이미지 자르기
이미지 블록, 분할 블록 및 표 블록의 이미지를 쉽게 자를 수 있습니다. 이미지 블록을 클릭한 다음 왼쪽의 이미지 아이콘 아래에서 자르기를 클릭합니다.
이미지를 사용자 지정 너비와 높이로 원, 정사각형 또는 직사각형으로 자르도록 선택할 수 있습니다. 편집기에서 이미지를 자르면 전체 이미지가 보존되므로 언제든지 자른 부분을 조정하거나 제거할 수 있습니다.
자르기가 끝나면 뒤로 화살표를 클릭하여 변경 사항을 적용하세요.
이미지 크기 조정
이미지 크기를 조정하려면 이미지 블록의 스타일 패널에서 이미지 크기 섹션으로 스크롤합니다. 여기에서 이미지의 높이 또는 너비를 수동으로 설정하고 이미지 정렬을 설정하는 등의 작업을 수행할 수 있습니다.
이미지 편집
헤더 표시줄 내에서 이미지를 편집할 수 있습니다. 이미지 편집기는 다른 블록 유형 내의 이미지에는 사용할 수 없습니다.
이미지가 포함된 헤더 블록을 클릭한 다음 이미지 아이콘 아래의 편집을 클릭하여 사진 편집기에 액세스하고 이미지의 모양을 조정합니다. 여기에서 이미지 크기 조정부터 이미지 색상 조정에 이르기까지 다양한 사진 편집 기능 중에서 선택할 수 있습니다. 이미지 위에 그리거나 텍스트를 오버레이할 수도 있습니다.
업로드된 HTML 템플릿의 이미지
클라비요에 복사하는 HTML 템플릿(MailChimp 템플릿 제외)의 경우 가져오기 프로세스 중에 이미지가 포함된 zip 파일을 업로드합니다.
특히 MailChimp 템플릿의 경우, MailChimp에 이미 로드된 이미지가 포함된 템플릿을 업로드하면 클라비요가 이러한 이미지를 모두 자동으로 복사합니다.
이미지를 업로드한 후에는 이미지 삽입 버튼을 사용하여 해당 템플릿에 대한 새 이미지를 업로드할 수 있습니다:
이미지 품질
이미지가 원하는 만큼 깨끗하거나 선명하게 렌더링되지 않는다고 걱정되는 경우 이미지 품질을 개선할 수 있습니다.
이메일에서 렌더링된 이미지의 선명도를 개선하기 위한 일반적인 표준 중 하나는 원하는 크기의 2배로 이미지를 삽입한 다음 템플릿에서 이미지 크기를 줄이는 것입니다. 두 가지 방법으로 접근할 수 있습니다:
- 템플릿에 크고 선명한 버전의 이미지를 삽입한 다음 편집을 클릭하고 원하는 크기로 크기를 조정합니다.
- 기본적으로 더 큰 이미지를 삽입합니다(예 600px 너비)로 표시하고 더 작은 크기(예 300px 너비)를 사용하며, 이 방법을 사용하려면 이미지를 텍스트 블록에 삽입하고 CSS 소스 코드를 조정해야 합니다.
이미지 유형
클라비요는 세 가지 이미지 유형을 지원합니다: JPEG, PNG, GIF입니다.
PSD, SVG 또는 다른 파일 형식이 있는 경우 위의 이미지 유형 중 하나로 변환해야 합니다.
이메일에 가장 적합한 이미지 유형에 대해 자세히 알아보세요.
이미지 라이브러리이미지 라이브러리
클라비요에 업로드한 이미지는 콘텐츠 > 이미지 & 브랜드 > 이미지 아래에 저장됩니다. 이미지 라이브러리에서 이미지를 삭제해도 현재 이미지가 사용되고 있는 템플릿에서 이미지가 제거되지는 않습니다.
추가 리소스