ВЕРСТКА HTML ПИСЬМА! Вставка картинок

Данный пост содержит информацию, которая не тестировалась при массовой рассылке, но имеет весомое значение для неё.

Основные вопросы данного поста:
1. Как грамотно, без нагрузки для Вашего SMTP сервера, вставить картинку в email письмо;
2. Как рандомить картинку.

1. Вставка картинки не такой уж и сложный процесс, чего там, просто нашел картинку на компе и запилил ее в шаблон email письма. Но проблема заключается в другом, при рассылке такого письма, его размер существенно увеличивается, соответственно увеличивается нагрузка на Ваш СМТП, далее падает скорость рассылки, письма вовсе уходят в очередь exim или того хуже сразу в папку СПАМ.

Но эта задача, решается очень просто! Размещаем наши картинки на хостинге и затем вставляем в письмо url ссылку, далее настраиваем размер картинки. Но перед нами стоит очень не маловажная проблема как избежать бана домена на котором расположена картинка? Брать трастовый домен или размещать картинки на ШЕЛЛах, и затем рандомить их? Осталось выкроить время для теста, и можно рассылать.

2. Как рандомить картинку?
Есть два варианта:
А. Мы рандомим размеры картинки в письме, оставляя url картинки тем же, изменяя только тело письма. Эффект не известен!
( В AMS рандом происходит вставкой макроса с размерами в HTML код письма, либо вставкой в HTML код модуля такого вида {240|241|242|243|244}).
B. Мы рандомим картинки как по размеру, так и по названию, закидываем их на большое количество ШЕЛЛов, хостингов, затем вставляем url в шаблон письма.

PS. Для создания хорошего письма используйте лучше HTML редакторы и хранилища для картинок от сервиса рассылок mailchimp или smart responder. Там и домен будет трастовый и качество отображения письма лучше!

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

<img src=»#» alt=»» border=»0″ width=»150″ height=»150″ style=»display:block;»/>