최적의 이메일 템플릿 너비 참고 자료
학습 내용
이메일 템플릿의 기본 너비가 600px인 이유, 이것이 오늘날 마케팅 이메일에서 업계 표준인 이유, 그리고 기기 전반에서 이메일이 일관되게 보이도록 하는 방법을 알아보세요.
이메일 템플릿 너비
Klaviyo의 드래그 앤 드롭 이메일 편집기에서 기본 너비는 600px이에요. 너비를 조정하려면:
- 이메일 편집기에서 스타일 편집을 선택합니다.
- 너비 필드에 픽셀 단위 값을 입력해 주세요.
- 변경 사항을 저장하려면 스타일 편집 패널을 닫아 주세요.
Klaviyo에서는 더 고급 레이아웃을 위해 필요하지 않은 한 템플릿의 너비를 늘리는 것을 권장하지 않아요. 위에서 너비를 600px 이상으로 조정하는 경우, 다양한 이메일 클라이언트와 기기에서 이메일이 어떻게 표시되는지도 테스트해 보시는 것을 권장해요.
이메일 너비 이해하기
Klaviyo에서 이메일을 디자인할 때 템플릿의 설정된 너비가 이메일 콘텐츠의 프레임을 만들어요. 템플릿에 추가하는 모든 콘텐츠는 이 프레임 안에 맞아야 해요.
600px 이메일 너비는 역사적으로 모든 주요 데스크톱 이메일 클라이언트에서 뷰포트의 평균 크기가 500~600px였기 때문에 이메일 마케팅 업계 표준이 되었어요. 뷰포트는 수신자가 이메일을 읽는 디스플레이 화면의 프레임 영역이에요. 이메일 너비를 600px로 설정하면 평균적인 뷰포트 크기에서 수신자가 모든 콘텐츠를 보기 위해 가로로 많이 스크롤하지 않아도 되도록 할 수 있어요.
600px 너비 이메일의 표준은 오래전부터 유지되어 왔고, 오늘날에도 모바일 같은 다양한 기기에서 이메일을 최적화하는 일이 점점 더 중요해지는 가운데 여전히 흔하게 사용돼요. Klaviyo에서는 데스크톱 클라이언트용 이메일을 너비 600px로 디자인하는 것을 권장해요. 드래그 앤 드롭 이메일 편집기에서 스타일 편집 > 모바일 최적화 아래의 모바일에 맞게 최적화를 켜서 더 작은 화면에 맞는 반응형 조정을 적용한 다음, 변경 사항을 저장하려면 패널을 닫아 주세요. 이메일 클라이언트마다 모바일 최적화 지원이 다르므로, 다양한 클라이언트와 기기에서 이메일을 테스트해 주세요.
다만, 너비를 600px로 유지하면 Klaviyo로 만든 이메일을 모바일에서 보기 좋게 최적화하는 데 도움이 돼요. 훨씬 더 넓게 디자인된 이메일은 모바일 기기에서 축소될 때(해당 목적에 맞게 이메일을 세심하게 디자인하고 최적화하지 않은 경우) 레이아웃이 틀어져 보일 가능성이 더 높아요. 그래서 디자이너 및/또는 클라이언트/기기 전반에서 레이아웃을 최적화할 전담 리소스가 없다면 템플릿 너비를 600px를 넘겨 늘리지 않는 것을 권장해요.
모바일 최적화를 위한 Klaviyo 옵션에 대해 자세히 알아보세요.
템플릿 콘텐츠 및 이메일 너비 설정
설정된 템플릿 너비가 이메일 콘텐츠의 틀을 만들어요. 패딩과 테두리는 해당 틀 안에서 콘텐츠에 사용할 수 있는 공간을 줄여요.
Klaviyo는 이미지 블록에서 사용 가능한 공간에 맞게 이미지를 자동으로 축소하고, 종횡비는 그대로 유지해요. 표 블록은 열에 사용 가능한 너비를 사용해요. 이 설정은 레이아웃이 템플릿의 이메일 너비 안에 유지되도록 도와주지만, 맞춤 HTML이 꼭 맞는다고 보장하지는 않아요.
템플릿 블록에 맞춤 코드를 추가하는 경우, 레이아웃에서 사용 가능한 공간 안에 너비가 들어오도록 설정해 주세요. 스타일 편집 아래에서 템플릿의 너비 설정을 확인해 주세요. 사용 가능한 공간보다 더 큰 고정 너비를 사용하는 맞춤 HTML은 이메일 클라이언트에 따라 내용이 넘치거나 다르게 렌더링될 수 있어요. 전송하기 전에 데스크톱과 모바일에서 맞춤 콘텐츠를 테스트해 주세요.