최적의 이메일 템플릿 너비 참고 자료
학습 내용
이메일 템플릿의 기본 너비가 600px인 이유, 이것이 오늘날 마케팅 이메일에서 업계 표준인 이유, 그리고 기기 전반에서 이메일이 일관되게 보이도록 하는 방법을 알아보세요.
이메일 템플릿 너비
Klaviyo에서 새 이메일 템플릿을 디자인할 때 모든 템플릿의 기본 너비는 600px예요. 이 설정은 이메일 설정의 스타일 탭에서 조정할 수 있지만, 더 고급 레이아웃에 필요하지 않은 한 Klaviyo에서는 템플릿의 너비를 늘리는 것을 권장하지 않아요. 너비를 600px보다 크게 조정하는 경우, 다양한 이메일 클라이언트와 기기에서 이메일이 어떻게 보이는지에 대해 철저하게 테스트하는 것도 권장해요.
이메일 너비 이해하기
Klaviyo에서 이메일을 디자인할 때 템플릿의 설정된 너비가 이메일 콘텐츠의 프레임을 만들어요. 템플릿에 추가하는 모든 콘텐츠는 이 프레임 안에 맞아야 해요.
600px 이메일 너비는 역사적으로 모든 주요 데스크톱 이메일 클라이언트에서 뷰포트의 평균 크기가 500~600px였기 때문에 이메일 마케팅 업계 표준이 되었어요. 뷰포트는 수신자가 이메일을 읽는 디스플레이 화면의 프레임 영역이에요. 이메일 너비를 600px로 설정하면 평균적인 뷰포트 크기에서 수신자가 모든 콘텐츠를 보기 위해 가로로 많이 스크롤하지 않아도 되도록 할 수 있어요.
600px 너비 이메일에 대한 표준은 오래전부터 유지되어 왔고, 모바일 같은 다양한 기기에서 이메일을 최적화하는 것이 점점 더 중요해지는 지금도 여전히 흔히 사용돼요. Klaviyo는 고객에게 “두 가지 장점을 모두” 제공하기 위해 노력하고 있어요. 데스크톱 클라이언트에서 보기 좋도록 이메일 너비를 600px로 디자인하는 것을 적극 권장하며, 이후에는(모바일 기기 등) 더 작은 화면에서도 반응형으로 표시되도록 이메일을 렌더링하는 어려운 작업은 Klaviyo가 맡을게요.
다만, 너비를 600px로 유지하면 Klaviyo로 만든 이메일을 모바일에서 보기 좋게 최적화하는 데 도움이 돼요. 훨씬 더 넓게 디자인된 이메일은 모바일 기기에서 축소될 때(해당 목적에 맞게 이메일을 세심하게 디자인하고 최적화하지 않은 경우) 레이아웃이 틀어져 보일 가능성이 더 높아요. 그래서 디자이너 및/또는 클라이언트/기기 전반에서 레이아웃을 최적화할 전담 리소스가 없다면 템플릿 너비를 600px를 넘겨 늘리지 않는 것을 권장해요.
모바일 최적화를 위한 Klaviyo 옵션에 대해 자세히 알아보세요.
템플릿 콘텐츠 및 이메일 너비 설정
앞서 언급했듯이 템플릿의 설정된 너비가 이메일 콘텐츠의 프레임을 만들어요. 템플릿에 콘텐츠를 추가할 때 이메일의 설정된 프레임 안에 맞는 최대 너비를 유지하도록 수동으로 확인할 수도 있지만, Klaviyo가 템플릿에 콘텐츠를 추가하는 동안 이 작업도 자동으로 처리해 드려요.
Klaviyo는 이미지의 가로세로 비율은 유지한 채로 자동으로 크기를 줄이고, 그 외에는 모든 블록의 너비를 제한해 템플릿 자체에 설정된 너비를 절대 넘지 않도록 해요. 즉, 템플릿에 이미지를 추가하거나 여러 열이 있는 표를 만들면, 모든 블록이 템플릿의 이메일 너비에 맞게 제한되는 것을 확인할 수 있어요.
템플릿 블록에 사용자 지정 코드를 추가하는 경우, 템플릿의 스타일 설정에 지정된 너비를 고려하고 있는지 확인해 주세요. 스타일 설정에 설정된 이메일 너비는 더 크고 다른 너비를 설정하려고 시도할 수 있는 사용자 지정 코드가 포함된 블록을 포함해 모든 템플릿 블록의 렌더링에 영향을 미칩니다.