Размер шрифта электронного письма — еще один важный вопрос, который следует учитывать при создании шаблона. Вам нужно выбрать тип и размер шрифта, которые будут удобны для подписчиков — не слишком маленький, но и не слишком большой.
Здесь нет строгих стандартов, есть лишь рекомендации и передовой опыт:
- Размер шрифта заголовков и подзаголовков – 22–24 пт;
- Размер шрифта основного текста – 12–16 пт;
- Для более мелких элементов, таких как верхний и нижний колонтитулы, можно использовать 10 пунктов.
Для основного текста шрифт больше 16 pt будет выглядеть громоздким и может искажаться в некоторых носителях. И наоборот, слишком мелкий шрифт, особенно в сочетании со слишком длинным текстовым полотном, заставит подписчиков прокручивать страницу вниз, даже не читая текст. Кстати, рекомендуемый объем текста составляет около 20 строк .
Для обеспечения читабельности используйте высоту строки 1,4–1,5.
Дизайн для email-рассылок, удобный для мобильных устройств
Конечно, ширина мобильного список адресов электронной почты для работы письма зависит от размера экрана смартфона и, таким образом, варьируется от смартфона к смартфону. Но вы можете установить специальные мобильные стили для всех элементов вашего письма, которые будут отличаться от стилей для настольного компьютера.ию о настройке пользовательских размеров для экранов настольных компьютеров и мобильных устройств можно найти в статье нашего блога « Дизайн электронной почты, удобный для мобильных устройств ».
(Настольное устройство(Мобильный экран, кнопка на всю ширину)
Присоединяйтесь к Stripo
Общий размер электронного письма, также известный как вес электронного письма
Если ваше письмо весит много, у вас зависит от нескольких ключевых элементов нет никаких гарантий, что оно не будет обрезано в таких почтовых клиентах, как Gmail и Yahoo! Mail. И Gmail, и Yahoo! Mail обрежут ваше письмо, если размер его HTML-кода превысит эти значения:
- Для Gmail: 102 Кб;
- Для Yahoo! Mail: 100 кб.
Размер письма часто зависит от используемого вами редактора писем. Обычно некоторые дополнительные символы автоматически добавляются в код письма при создании шаблона письма. Вы можете вручную удалить эти символы, чтобы значительно уменьшить размер письма, или просто выбрать редактор, который не будет добавлять никаких дополнительных символов в ваши письма. Stripo — один из таких редакторов, предоставляющий чистый HTML-код без каких-либо системных символов.
Как оценить свою электронную почту:
Вы можете использовать инструмент проверки электронной почты. Он бесплатный.
Или вы можете загрузить шаблон электронного письма в виде HTML-файла из Stripo, чтобы просмотреть его свойства или информацию (Windows/macOS соответственно).
Если размер вашего файла превышает заявленные 100 КБ, возможно, вам следует оптимизировать его перед экспортом этого шаблона вашему поставщику услуг электронной почты.
Подведение итогов
Мы проанализировали ширину и высоту шаблона письма в целом и каждого отдельного элемента. Ширина 600-640 пикселей является самой популярной среди брендов.
Высота зависит от длины контента, но массовый свинец не должна превышать 2500 пикселей.
Чем больше изображений вы добавляете, тем важнее использовать компрессор изображений. Иногда вам также может понадобиться оптимизировать HTML-код письма. И не забудьте создать адаптивные письма.
Как мы увидели, не существует идеального размера для электронной рассылки и точных правил для размеров элементов электронной почты, поэтому вы можете экспериментировать с формами и размерами.
Размер нижнего колонтитула электронного письма
Некоторые компании добавляют меню в нижние колонтитулы, поэтому такие колонтитулы больше классических вариантов этого элемента.
Я предпочитаю лаконичные футеры, которые содержат только ту информацию, которая необходима на 100%. Классический футер должен содержать контактную информацию (включая ваш юридический адрес), ссылку для отмены подписки , иконки социальных сетей и причину, по которой вы обращаетесь к получателям. Вот и все, поэтому стандартных размеров футера 600 px на 200 px более чем достаточно, чтобы разместить всю эту информацию
(Источник: электронное письмо от All Good)
Более подробную информацию о нижних колонтитулах электронных писем можно найти в статье блога, посвященной дизайну нижних колонтитулов электронных писем.
