Основные причины проблем с изображениями в Mailchimp

0

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

Можно выделить 3 основных причины, по которым возникает такая ситуация.

  1. Добавление изображений в текстовые блоки

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

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

  • Простое добавление картинки;
  • Добавление группы картинок;
  • Добавление изображения с текстом;
  • Добавление группы изображений с текстом.

В двух последних вариантах можно устанавливать желаемые параметры расположения текста относительно картинки.

Сложность возникает, если нужно расположить изображение внутри текста. В таком случае используется текстовый блок, в который добавляется картинка. Но будьте готовы, что в таком случае возможно искажение графики в уже готовом письме.

  1. Использование неправильного типа файла изображения

Существует большое количество типов изображений (SVG, BMP, TIFF, PNG и т.д.). Каждый из них можно без проблем открыть на компьютере. Но почтовые программы не имеют каких-то определенных стандартов по чтению и отображению определенных типов изображений. Те из них, которые не будут распознаваться почтовой программой, попросту не откроются или будут очень искажены.

В этом случае стоит придерживаться основного правила – формат изображений должен быть JPG / JPEG, GIF или PNG. Это самые безопасные типы файлов, которые распознаются любой почтовой программой.

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

  1. Неправильный размер изображения

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

Большая часть этой проблемы вызвана отсутствием стандартов рендеринга сообщений электронной почты и непоследовательного использования CSS. В сочетании с адаптивными шаблонами электронной почты и пользовательскими шаблонами кодирования (которые могут использовать процентные значения, смешанные со значениями пикселей в качестве атрибутов ширины и высоты изображения), это приводит к катастрофе.

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