학습 내용
이메일 템플릿의 기본 너비가 600px인 이유, 이것이 오늘날 마케팅 이메일의 업계 표준인 이유, 이메일이 여러 기기에서 일관성 있게 보이도록 하는 방법에 대해 알아보세요.
이메일 템플릿 너비이메일 템플릿 너비
클라비요에서 새 이메일 템플릿을 디자인할 때 모든 템플릿의 기본 너비는 600px입니다. 이메일 설정의 스타일 탭에서 이 설정을 조정할 수 있지만 고급 레이아웃에 필요한 경우가 아니라면 템플릿의 너비를 늘리는 것은 권장하지 않습니다. 너비를 600px 이상으로 조정하는 경우 다양한 이메일 클라이언트 및 기기에서 이메일이 어떻게 표시되는지에 대한 강력한 테스트를 수행하는 것이 좋습니다.
이메일 너비 이해이메일 너비 이해
클라비요에서 이메일을 디자인할 때 템플릿의 설정된 너비에 따라 이메일 콘텐츠의 프레임이 만들어집니다. 템플릿에 추가하는 모든 콘텐츠는 이 프레임에 맞아야 합니다.
600px 이메일 너비가 이메일 마케팅의 업계 표준이 된 이유는 지금까지 모든 인기 데스크톱 이메일 클라이언트의 평균 뷰포트 크 기가 500~600px였기 때문입니다. 뷰포트는 수신자가 이메일을 읽을 수 있는 디스플레이 화면의 프레임 영역입니다. 이메일의 너비를 600px로 설정하면 평균 뷰포트 크기에서 수신자가 모든 콘텐츠를 보기 위해 가로 스크롤을 많이 하지 않아도 됩니다.
모바일 등 다양한 기기에서 이메일을 최적화하는 것이 점점 더 중요해지고 있음에도 불구하고 600px 너비 이메일의 표준은 여전히 유지되고 있으며 오늘날에도 일반적으로 사용되고 있습니다. 클라비요는 고객에게 "두 가지 장점을 모두 제공하기 위해 열심히 노력하고 있습니다" - 데스크톱 클라이언트에서 보기 좋게 600px 너비로 이메일을 디자인하는 것이 좋으며, 작은 화면(모바일 기기 등)에서도 반응이 좋도록 이메일을 렌더링하기 위해 열심히 노력할 것입니다.
그러나 600px 너비를 고수하면 클라비요로 작성된 이메일이 모바일에서 보기에 최적화되는 데 도움이 됩니다. 훨씬 더 넓게 디자인된 이메일은 모바일 장치에서 축소할 경우 이를 위해 세심하게 디자인하고 최적화하지 않는 한 왜곡되어 보일 가능성이 높습니다. 따라서 클라이언트/기기에서 레이아웃을 최적화할 수 있는 디자이너 및/또는 기타 전담 리소스가 없는 한 템플릿 너비를 600px 이상으로 늘리지 않는 것이 좋습니다.
클라비요의 모바일 최적화 옵션에 대해 자세히 알아보세요.
템플릿 콘텐츠 및 이메일 너비 설정템플릿 콘텐츠 및 이메일 너비 설정
위에서 언급했듯이 템플릿의 설정된 너비에 따라 이메일 콘텐츠의 프레임이 만들어집니다. 템플릿에 추가하는 모든 콘텐츠의 최대 너비가 이메일의 설정된 프레임에 맞는지 수동으로 확인할 수 있지만, 템플릿에 콘텐츠를 추가할 때 클라비요가 이를 자동으로 처리해 줍니다.
클라비요는 화면 비율을 유지한 채 자동으로 이미지 크기를 축소하고, 그렇지 않으면 모든 블록의 너비를 제한하여 템플릿 자체의 설정 너비를 초과하지 않도록 합니다. 즉, 템플릿에 이미지를 추가하거나 여러 열이 있는 표를 작성할 때 모든 블록이 템플릿의 이메일 너비에 의해 제약을 받는다는 것을 알 수 있습니다.
템플릿 블록에 사용자 정의 코드를 추가하는 경우 템플릿의 스타일 설정에서 설정된 너비를 고려하고 있는지 확인하세요. 스타일 설정에서 설정한 이메일 너비는 다른 더 큰 너비를 설정하려는 사용자 지정 코드가 있는 템플릿 블록을 포함하여 모든 템플릿 블록의 렌더링에 영향을 미칩니다.
추가 자료추가 자료