Приблизительное время чтения: 2 минут

Сегодня мы видим три способа, чтобы показать изображения в HTML-теле тела письма. Эти процедуры не всегда указываются, и я рекомендую использовать его только для составления бюллетеня и некоторых других случаев. Но давайте подробно рассмотрим приемы.

Встроенные изображения CID

Я, Content-ID (CID) выглядит старым, но это все еще жизнеспособный и рабочий вариант сегодня.

CID работает, прикрепляя изображение к отправляемому нами сообщению и, usando i tag стандартный dell’HTML, мы добавим ссылку на прикрепленное изображение, которое мы сможем включить в тело при открытии письма.

Вау! Оставаться, нет? нет.

Проблема с прикрепленными изображениями CID заключается в том, что они не всегда правильно отображаются почтовым клиентом.. Для большинства компьютерных клиентов этот метод работает, но это, вероятно, не будет работать с веб-почтой, такой как Gmail, Yahoo или Hotmail.

профессионал

• это хорошо известный и проверенный метод
• поддерживается большим количеством клиентов

Минусы

• увеличивает размер отправленного сообщения
• может вызвать проблемы с отображением, особенно в веб-почте
• это может показаться устаревшей техникой
• это сложнее реализовать и дает общие результаты

Встроенное встраивание (base64)

Встроенное встраивание намного проще. Для включения изображения в электронное письмо сначала необходимо иметь версию изображения в кодировке base64.. После того, как изображение закодировано, вы переходите к своему шаблону и вставляете его с помощью самых классических тегов HTML. “IMG”:

<img alt="immagine" src="data:image/jpeg;base64,/9j/4S/+PGltZyBhbHQ9Ik15IEltYWdlIiBzcmM9ImRhdGE6aW1h...altro codice" /> 

Конвертировать изображение в base64 довольно просто. С терминала запускаем эту команду:

base64 -w 0 immagine.jpg

профессионал

• просто сделать
• быстро
• ты не должен “просеивать” он MIME

Минусы

• общий размер письма может весить намного больше, особенно если вы используете более пары маленьких изображений
• также в этом случае веб-почта, как правило, блокирует изображения (или не показать их правильно)

Ссылка на внешние изображения

Как видно из приведенного выше примера, если вы используете много изображений, закодированных в base64, размер отправляемого письма сильно увеличивается, замедление отправки (это может быть проблемой в случае нескольких рассылок). Альтернативный вариант - связать изображения, размещенные на внешних сайтах..

В этом случае нет ничего “супер технический”. Он просто ссылается на внешнее изображение (ссылка в том числе “HTTP://”) внутри тела HTML. Принимая этот подход, мы должны учитывать, сколько людей получит сообщение и где они находятся в мире..

Если мы отправляем сообщение 100 люди в течение недели, вы можете разместить свои изображения в общей папке DropBox, этого должно быть более чем достаточно.

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

профессионал

• письмо будет максимально легким
• минимальные усилия для включения изображения

Минусы

• он страдает теми же проблемами блокировки, что и другие методы (WebMail)
• требуется загрузка с внешних серверов

Итак, какой выбрать?

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

Лучший способ - проверить электронные письма, отправленные мировыми БОЛЬШИМИ, приходите амазонка, Pinterest, Spotify в Twitter. Соблюдайте код, проверьте заголовки писем и выясните, что для них работает. Затем примените все к нашим письмам и протестируйте, контрольная работа, контрольная работа (лучше, если с почтовым сервисом вроде Gmail или Yahoo).