Работа с изображениями в Mailchimp

0

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

Прежде чем загружать свои картинки в Mailchimp, ознакомьтесь с рекомендациями ниже, чтобы убедиться, что они имеют подходящий вид. Рекомендации Mailchimp отличаются в зависимости от типа контент блока, который используется в рассылке или на посадочной странице.

Общие рекомендации по изображениям

  • Формат. При сохранении изображений используйте формат PNG, JPG или GIF. Вы можете использовать формат PNG, если вам нужно сохранить прозрачность.
  • Цветовой режим или профиль. Цвета, используемые в Интернете, отличаются от цветов, используемых в печати, поэтому важно убедиться, что цвета на изображениях установлены правильно. Веб-изображения должны быть сохранены с цветовым профилем или режимом RGB. CMYK, который дизайнеры используют для печати, не обеспечивает точную визуализацию в Интернете и иногда может испортить встроенное изображение.
  • Alt Text. Всегда добавляйте Alt текст к вашим изображениям. Дополнительный текст важен для доступности и для получателей, у которых могут быть проблемы с загрузкой картинок. Это также будет полезно с поисковой оптимизацией посадочных страниц.
  • Экраны с высоким разрешением. Многие смартфоны, планшеты и ноутбуки оснащены экранами с высоким разрешением, такими как дисплеи Retina, с более высоким соотношением пикселей на дюйм. Это означает, что некоторые изображения могут выглядеть нечеткими на этих экранах. Чтобы ваши картинки четко отображались на всех экранах, установите более высокое разрешение и ограничьте размеры в блоке контента.
  • Размер файла. Лучше избегать слишком больших изображений, как по размеру файла, так и по размерам в пикселях. Mailchimp рекомендует максимальный размер файла для изображений 1 МБ. 72 DPI обычно достаточно для Интернета, но не обязательно. Не рекомендуется загружать изображения, которые значительно больше, чем область контента или шаблон.
  • Размер изображения. Письма и посадочные страницы имеют ограничение по ширине изображений. Чтобы получить конкретные рекомендации по ширине, ознакомьтесь с информацией ниже в зависимости от типа блока контента.

Размеры изображений для писем

Шаблоны писем Mailchimp имеют ширину 600 пикселей, поэтому лучше всего подбирать размер изображения с учетом максимальной ширины.

Рекомендации по размеру изображения зависят от количества столбцов в шаблоне письма.

Колонки Рекомендованная ширина изображения
Вся ширина страницы 564px
2 колонки 264px
3 колонки 164px

Размер также может варьироваться в зависимости от типа блока контента, с которым вы работаете. В таблицах ниже приведены рекомендации по размеру для изображений в блоках контента «Изображение», «Открытка», «Изображение + текст» и «Группа изображений» в рассылке.

Изображение

Настройки контент блока Рекомендованная ширина изображения
От края до края 564px

Открытка

Настройки контент блока Рекомендованная ширина изображения
От края до края 564px
Не полная ширина страницы 528px

Изображение с текстом

Настройки контент блока Рекомендованная ширина изображения
Выравнивание по левому или правому краю с шириной в одну треть заголовка 352px max
Выравнивание по левому или правому краю с шириной в половину заголовка 264px max
Выравнивание по левому или правому краю с шириной в две трети заголовка 176px max
Выравнивание по левому или правому краю с шириной в три четверти заголовка 132px max

Группа изображений

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

Настройки контент блока Рекомендованная ширина изображения
Полноразмерные изображения 564px
Изображения в две колонки 264px

Размеры изображений для посадочных страниц

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

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

Ниже приведены рекомендации по размеру изображений в блоках содержимого «Изображение», «Открытка», «Изображение + текст» и «Группа изображений» на целевой странице.

Изображение

Ширина страницы Рекомендованная ширина изображения
780px 564px
960px 924px
1224px 924px
1332px 1188px

Открытка

Ширина страницы Настройки контент блока Рекомендованная ширина изображения
780px Границы установлены от края до края 744px
780px Границы не установлены от края до края 708px
960px Границы установлены от края до края 924px
960px Границы не установлены от края до края 888px
1224px Границы установлены от края до края 924px
1224px Границы не установлены от края до края 888px
1332px Границы установлены от края до края 1188px
1332px Границы не установлены от края до края 1152px

Изображение с текстом

Ширина страницы Настройки контент блока Рекомендованная ширина изображения
780px Выравнивание по левому или правому краю с шириной в одну треть заголовка 515px max
780px Выравнивание по левому или правому краю с шириной в половину заголовка 363px max
780px Выравнивание по левому или правому краю с шириной в две трети заголовка 211px max
780px Выравнивание по левому или правому краю с шириной в три четверти заголовка 173px max
960px Выравнивание по левому или правому краю с шириной в одну треть заголовка 642px max
960px Выравнивание по левому или правому краю с шириной в половину заголовка 453px max
960px Выравнивание по левому или правому краю с шириной в две трети заголовка 265px max
960px Выравнивание по левому или правому краю с шириной в три четверти заголовка 218px max
1224px Выравнивание по левому или правому краю с шириной в одну треть заголовка 642px max
1224px Выравнивание по левому или правому краю с шириной в половину заголовка 453px max
1224px Выравнивание по левому или правому краю с шириной в две трети заголовка 265px max
1224px Выравнивание по левому или правому краю с шириной в три четверти заголовка 218px max
1332px Выравнивание по левому или правому краю с шириной в одну треть заголовка 827px max
1332px Выравнивание по левому или правому краю с шириной в половину заголовка 585px max
1332px Выравнивание по левому или правому краю с шириной в две трети заголовка 344px max
1332px Выравнивание по левому или правому краю с шириной в три четверти заголовка 284px max

Группа изображений

Ширина страницы Настройки контент блока Рекомендованная ширина изображения
780px Полноразмерные изображения 744px
780px Изображения в две колонки 363px
960px Полноразмерные изображения 924px
960px Изображения в две колонки 453px
1224px Полноразмерные изображения 924px
1224px Изображения в две колонки 453px
1332px Полноразмерные изображения 1188px
1332px Изображения в две колонки 585px

Настройка ширины посадочной страницы

Чтобы настроить ширину посадочной страницы, выполните следующие действия:

  1. Перейдите на страницу “Кампании” (Campaigns) в своей учетной записи.
  2. Если у вас более одной аудитории, нажмите на выпадающее меню “Текущая аудитория” и выберите ту, которая связана с вашей посадочной страницей.
  3. Нажмите на черновую посадочную страницу, с которой хотите работать.
  4. Перейдите на вкладку “Стиль” (Style).
  5. Нажмите на ссылку “Страница” (Page).
  6. В разделе “Стиль тела страницы” (Page Container Style) выберите ширину.
  7. Нажмите “Сохранить” (Save).

Фоновые изображения на посадочных страницах

Большие фоновые изображения будут выглядеть лучше на больших экранах, но Mailchimp рекомендует использовать изображения шириной от 1500 до 2500 пикселей. Рекомендуемая высота изображения зависит от того, сколько контента содержит страница, но важно помнить, что большие картинки могут замедлять загрузку страницы.

Подробно обо всех функциях, возможностях и особенностях Mailchimp вы узнаете в видео-тренинге “Большой курс по Mailchimp“. После прохождения тренинга выдается сертификат.