오늘날 수천 명의 iPhone 팬이 새로운 iPhone을 구입하기 위해 Apple Store를 방문합니다. 또한 앞으로 며칠 동안 더 많은 사람들이 Apple의 최신 모바일 OS인 iOS 13으로 휴대폰을 업데이트할 것입니다. 구독자가 그 중 하나인 경우 이메일이 표시되는 방식에 영향을 줍니까?

새로운 iPhone의 화면 크기와 해상도는 그대로 유지되지만(이메일 마케팅 담당자에게는 희소식입니다!) 한 가지 유의해야 할 사항이 있습니다. iOS 13에서 Apple은 기본 iOS Mail 앱을 포함하여 휴대폰에 다크 모드를 도입합니다. —그리고 이는 이메일이 고객에게 표시되는 방식에 영향을 미칠 수 있습니다.

Apple 업데이트를 주시해야 하는 이유

모든 이메일의 27 %가 애플의 아이폰에서 읽을으로, 애플의 휴대폰, 모바일 운영 체제, 그 이메일 렌더링에 대한 변경 사항은 이메일 마케팅 세계에 큰 차이를 만들 수 있습니다. 청중이 전 세계 평균과 비슷하고 많은 구독자가 iPhone에서 이메일을 여는 것을 본다면 이메일이 보기 좋고 읽기 환경에서 잘 작동하는지 확인해야 합니다.

새로운 iPhone 테스트 장치에 수천 달러를 쓰고 싶지 않습니까? 당신은 할 필요가 없습니다. 최신 iPhone에서 iOS 13용 이메일 미리보기를 이제 Litmus에서 사용할 수 있다는 소식을 공유하게 되어 기쁩니다.

iOS 13에서 이메일이 어떻게 보이나요? iOS13이 iPhone 11용 Litmus Email Previews로 이메일을 어떻게 렌더링하는지 확인하세요 . 더 알아보기 →

새로운 iPhone의 화면 크기 및 해상도

Apple의 9월 출시는 iPhone 11, iPhone 11 Pro 및 iPhone 11 Pro Max의 세 가지 새로운 iPhone을 소개했습니다.

iPhone 11의 경우 6.1인치, iPhone 11 Pro의 경우 5.8인치, iPhone 11 Pro Max의 경우 6.5인치로 새로운 iPhone은 이전 모델(iPhone XR, XS 및 XS Max)과 동일한 크기를 갖습니다. . 해상도, 픽셀 밀도 및 픽셀 밀도 비율도 동일합니다.

아이폰 11

아이폰 11 프로

아이폰 11 프로 맥스

	아이폰 11 프로 맥스	아이폰 XS 맥스
화면 크기	6.5인치	6.5인치
해결	2,688 x 1,242	2,688 x 1,242
픽셀 밀도	458ppi	458ppi
픽셀 밀도 비율	삼	삼

기기 크기에 변화가 없다는 것은 이메일 마케터와 디자이너에게 희소식입니다. 과거에 각 Apple iPhone을 대상으로 특정 미디어 쿼리를 사용한 적이 있다면 해당 쿼리는 Apple의 최신 모델에서도 잘 작동합니다.

특정 크기를 대상으로 하지 않고 반응형 스타일을 트리거하기 위해 중단점을 사용하는 경우 중단점이 이전 iPhone 모델( 414px) 과 동일하므로 변경할 필요가 없습니다 . 미디어 쿼리를 대상 max-device-width: 414px로 설정 하면 반응형 스타일이 세 가지 새로운 iPhone 모델 모두에 표시됩니다.

 @media screen and (max-device-width: 414px) { /* Insert styles here*/ }

Apple의 iPhone에 다크 모드가 제공됩니다.

작년에 Apple 은 데스크톱 운영 체제에 Dark Mode를 도입하여 MacOS Mojave 사용자가 모든 창, 보기, 메뉴 및 컨트롤에 대해 더 어두운 색상 팔레트로 전환할 수 있도록 하여 저조도 환경이나 밤.

iOS 13에서는 이 인기 있는 기능이 Apple의 iPhone에도 제공됩니다. 이것이 귀하의 이메일에 어떤 영향을 미칠 수 있는지 살펴보겠습니다.

iOS 13의 다크 모드에서 이메일이 렌더링되는 방식

좋은 소식 먼저: MacOS용 다크 모드와 마찬가지로 Apple iPhone의 새로운 다크 모드는 기본적으로 HTML 이메일에 영향을 미치지 않습니다. 다크 모드는 개인 및 일반 텍스트 이메일에만 적용됩니다. HTML 이메일에 정의된 배경색이 없더라도 배경은 여전히 ​​흰색으로 렌더링됩니다. 따라서 코드를 엉망으로 만드는 다크 모드나 일반 HTML 이메일에 대한 렌더링 경험에 대해 걱정할 필요가 없습니다.

그러나 밝은 색상의 이메일 배경은 다크 모드에서 이메일을 읽는 구독자에게 매우 혼란스러운 경험을 줄 수 있습니다. 어두운 받은 편지함 보기에서 매우 밝은 이메일로(또는 그 반대로) 화면을 전환하면 눈이 피로해지고 구독자에게 훌륭한 독서 경험이 되지 않습니다.

그렇다면 독서 경험을 향상시키기 위해 무엇을 할 수 있습니까? MacOS의 다크 모드를 사용하면 이메일 디자이너와 개발자가 다크 모드를 구체적으로 타겟팅할 기회가 없었습니다. 대신 그들이 할 수 있는 일은 밝고 어두운 보기 모두에서 잘 작동하는 색상 선택을 선택하는 것뿐이었습니다.

그러나 iOS 13에서는 이메일 개발자가 다크 모드를 대상으로 하고 다크 모드에서 여는 구독자에게 맞춤형 경험을 제공할 수 있습니다.

iOS 13에서 다크 모드를 타겟팅하는 방법

emailgeek Thomas Steiner가 이번 여름 iOS 13 베타를 플레이하면서 알아차렸 듯이 , Apple은 다크 모드로 설정된 이메일 클라이언트를 구체적으로 타겟팅할 수 있는 새로운 미디어 쿼리를 도입했습니다.

우리의 실험은 또한 iOS에서 다크 모드를 타겟팅하는 것이 놀라울 정도로 간단하다는 것을 보여줍니다.

 @media (prefers-color-scheme: dark) { /*Insert all your dark mode classes here, as you would insert mobile responsive classes./ /* Remember to use !important to override inline styles */ }

이 미디어 쿼리를 사용하여 다크 모드로 설정된 클라이언트에서 이메일을 열 때만 적용되는 사용자 정의 스타일을 설정할 수 있습니다. 즉, 다크 모드에서 여는 구독자를 위해 다양한 배경색, 글꼴 색상 또는 이미지를 사용할 수 있습니다.

실제로 보고 싶으신가요?

다음은 iOS 13 다크 모드에 최적화된 최신 웨비나 이메일 중 하나입니다.

iOS 13 다크 모드에서 열면 이메일이 어두운 배경을 사용하여 표시됩니다. 또한 어두운 배경에서도 Litmus 로고를 볼 수 있도록 다른 버전의 로고(흰색 글꼴 사용)를 사용하여 이 이메일을 설정하여 다크 모드에서 읽기 쉽고 멋지게 보입니다. . 여기에서 전체 이메일 코드를 확인할 수 있습니다 .

오늘 iOS 13에서 이메일 테스트를 시작하세요

iPhone 11용 Litmus 이메일 미리보기는 Litmus 계정에서 사용할 수 있으므로 바로 테스트를 시작할 수 있습니다. 아직 리트머스 고객이 아니신가요? 지금 바로 리트머스를 시작하세요.