Поскольку на iOS Mail в первой половине 2017 года приходится около трети всех электронных писем , обновления семейства iPhone, а также изменения в мобильной операционной системе и ее почтовом клиенте могут оказать большое влияние на мир электронной почты. Теперь, после крупного мероприятия Apple 12 сентября, мы знаем, что не один, а три новых iPhone - iPhone 8, 8 Plus и iPhone X - скоро попадут в руки потребителей вместе с новой мобильной операционной системой. iOS 11.

Но что это значит для маркетологов электронной почты?

Хотя iOS 11 не будет выпущена для широкой публики до 19 сентября, версия iOS 11 Golden Master (GM) - это версия операционной системы, которая будет выпущена для широкой публики через несколько дней - стала доступна разработчикам в сентябре. 12-е. Мы внимательно изучили последнюю версию iOS и превью своих новых телефонов Apple, чтобы разбить детали, которые должен знать каждый маркетолог по электронной почте.

Как ваша электронная почта выглядит в iOS 11? Посмотрите, как iOS 11 отображает вашу электронную почту с помощью Litmus Email Previews для iPhone X, iPhone 8, iPhone 8 Plus и других популярных почтовых клиентов и устройств. Узнайте о предварительных просмотрах электронной почты →

Почта iOS по-прежнему поддерживает видео HTML5

То, что Apple постоянно поддерживает видео в формате HTML5 для своего мобильного почтового клиента, на протяжении многих лет вызывает недоумение среди почтовых маркетологов. Apple поддерживала видео HTML5 в iOS 7, а затем удалила поддержку видео с запуском iOS 8 еще в 2014 году, только чтобы вновь представить его с выпуском iOS 10 в 2016 году.

Затем, ранее этим летом, сообщество электронной почты заметило, что Apple, возможно, изменила свое мнение, и в ранней версии бета-версии iOS 11 снова не появилась поддержка видео в формате HTML5.

Итак, что будет с видео HTML5 в последней версии iOS 11? Маркетологи, которым нравится интерактивность и творческая свобода, которую HTML5-видео добавляет в почтовые кампании, могут вздохнуть с облегчением: видео по-прежнему поддерживается в iOS 11 , причем как на iPhone, так и на iPad.

Однако обратите внимание, что атрибут poster (poster = ””) необходим для отображения изображения предварительного просмотра вашего видео в электронном письме. Раньше без определения изображения плаката показывался первый кадр видео. Однако в iOS 11 видео отображается пустым.

Размеры и разрешение экрана для iPhone 8 и 8 Plus

Размер экрана iPhone 8 не изменился. И iPhone 8, и iPhone 8 Plus имеют точно такие же размеры экрана и разрешение, что и их предшественники (iPhone 7 и 7 Plus).

При этом все медиа-запросы, которые использовались для семейства iPhone 7, будут работать так же хорошо и для новых телефонов iPhone 8.

iPhone 8 (увеличенное изображение):

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

iPhone 8 (стандартный вид) и iPhone 8 Plus (увеличенный просмотр):

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

iPhone 8 Plus (стандартный вид):

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

Размеры и разрешение экрана для iPhone X

В iPhone X Apple представляет новый размер экрана.

Дисплей iPhone X с диагональю 5,8 дюйма выше, чем у iPhone 8 Plus. Однако важно то, что ширина дисплея iPhone X соответствует ширине 4,7-дюймовых дисплеев iPhone 8. Увеличение размера экрана связано с тем, что экран на 145 пунктов выше, чем 4,7-дюймовый дисплей.

Хотя больший размер экрана часто означает больше проблем и больше случаев для оптимизации, тот факт, что ширина экрана остается прежней, является отличной новостью для дизайнеров электронной почты: отсутствие изменений ширины означает, что существующие медиа-запросы будут работать и для iPhone X.

Медиа-запрос iPhone X:

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

В то же время iPhone X обеспечивает примерно 20% дополнительного вертикального пространства для контента - это больше электронных писем, отображаемых в папке «Входящие», и больше вашего контента, видимого после открытия электронной почты.

Устранение проблем с масштабированием в iOS 11

Проблемы с автомасштабированием в мобильном почтовом приложении Apple впервые появились с выпуском iOS 10 в сентябре 2016 года . В iOS 11 мы продолжаем сталкиваться с этой ошибкой. Как сообщало сообщество в нескольких обсуждениях сообщества (см. Здесь и здесь ), электронные письма не занимают всю ширину экрана, а выглядят уменьшенными и смещенными по центру.

Вы можете запретить iOS 11 автоматически масштабировать вашу электронную почту, добавив следующий фрагмент кода в заголовок ваших писем:

 <meta name="x-apple-disable-message-reformatting">

Большое спасибо Реми Парментье за ​​то, что поделился этим исправлением с сообществом .

Оптимизировать для высокой плотности пикселей

IPhone X поставляется с дисплеем Super Retina, который Apple называет дисплеем Super Retina . С 2436 x 1125 пикселей или 458 пикселей на дюйм - это самая высокая плотность пикселей, которую когда-либо видели на дисплее iPhone.

И при этом оптимизация изображений электронной почты для экранов с высоким разрешением важна как никогда. Если вы не учитываете дисплеи с высоким разрешением, вы рискуете выглядеть небрежно для подписчиков. Из-за того, как работают дисплеи с высоким разрешением, неоптимизированные изображения на экранах сетчатки выглядят размытыми и пиксельными. Вот пример:

Чтобы изображения выглядели четкими и четкими, умножьте количество пикселей в каждом изображении на определенный коэффициент масштабирования. Другими словами, создавайте изображения в более крупных форматах, чтобы при их уменьшении в электронном письме было больше пикселей для отображения на экранах Retina. Для iPhone X и всех версий семейства iPhone Plus Apple рекомендует коэффициент масштабирования или 3x; для всех остальных дисплеев это 2х .

Однако по мере увеличения размеров изображения размер файла также увеличивается. Этот увеличенный размер сокращает тарифный план подписчика и может привести к медленной загрузке электронной почты. Обе проблемы представляют собой большую проблему и создают неудобства для пользователей. Инструменты оптимизации изображений могут помочь сжать ваши изображения, чтобы уменьшить размер файла, и в то же время обеспечить отличное отображение электронных писем на дисплеях с высоким разрешением.

iOS 11 нацеливание

В прошлом году Реми Парментье обнаружил, что можно использовать объявления @supports в CSS специально для iOS 10.

Мы можем настроить таргетинг на iOS с помощью проприетарного свойства «-webkit-overflow-scrolling», которое поддерживается только на iOS. Если мы будем использовать это в сочетании с одним из свойств, поддерживаемых исключительно в последних версиях webkit для iOS - например, цветовыми обозначениями #RGBA, - мы сможем специально настроить таргетинг на iOS 10 и выше.

Вот медиа-запрос, предназначенный для iOS 10:

 @supports (-webkit-overflow-scrolling:touch) and (color:#ffff) { /* Insert CSS here */ }

Если вы хотите настроить таргетинг на iOS Mail в самой последней версии операционной системы Apple - это iOS 11.0, 11.1 или 11.2 - объявления @support в сочетании со свойствами заполнения помогут:

Таргетинг на iOS 11.0 и 11.1

 @supports (padding-left:constant(safe-area-inset-left)) { /* Insert CSS here */ }

Целевая iOS 11.2

 @supports (padding-left:env(safe-area-inset-left)) { /* Insert CSS here */ }

Вы заметили какие-нибудь обновления, которые мы пропустили? Дайте нам знать в комментариях ниже.

Как ваша электронная почта выглядит в iOS 11? Посмотрите, как iOS 11 отображает вашу электронную почту с помощью Litmus Email Previews для iPhone 8, iPhone 8 Plus, iPhone 7, iPhone 7 Plus. Узнайте о предварительных просмотрах электронной почты →