В чем может быть проблема не отображении картинок в почтовых клиентах?

Question

[Darkness]

Проблема в том, что на локалке - все отлично, но как переходишь в litmus - картинок нет, конечно, думаю, может потому что он их не видит, а может и не в этом дело. Спасибо за пинок!

<table cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;"> 
   <tr style="border-collapse:collapse;"> 
   <td align="center" style="padding:0;Margin:0;"> <img class="adapt-img" src="https://bipbap.ru/wp-content/uploads/2017/10/0_8eb56_842bba74_XL-640x400.jpg" alt="" style="display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;" width="533">
</td> 
</tr> 
 </table>

Answer 1

[lamer350]

Вам просто нужно ссылки на картинки делать через http, а не https. Поддержки SSL сертификатов нет (у многих), все современные клиенты могут отображать картинки с ссылок, можно не кодировать в base64 (если только у ваших клиентов не windows xp), можете вообще найти таблицу поддержки, там есть даже клиенты старые где наоборот выпилили base64 и если не ошибаюсь то outlook 2007 не поддерживает, а он в большинства компаний.

Comments

[Darkness]

"Вам просто нужно ссылки на картинки делать через http, а не https" - как это можно указать в ссылке ? Если картинка встроена ? Т.е. она лежит в той же папке где и index.

[lamer350]

Darkness, если вы посмотрите на ссылку то станет вам все ясно)

src="https://bipbap.ru/wp-content/uploads/2017/10/0_8eb56_842bba74_XL-640x400.jpg"

Но стоит отметить что на вашем сайте bipbap.ru происходит редирект на https!
Это значит что ваш домен не годится для этого, нужно создать поддомен что то типа: img.bipbap.ru и заливать картинки на него, а ссылки уже делать на картинки через поддомен.

[Darkness]

lamer350, Хорошо, смотрите. Это тест - данная картинка НЕ относится ко мне. Я просто попытался взять любую картинку и вставить по ссылке , чтобы проверить на litmus'е будет ли отображаться в email рассылке ( ответ нет) , после прогнал пример выше - Red dot(в комментах есть код) через base64. Она работает, но не в Gmail. Моя же картинка получается в base64 где-то 1000 символов. (даже если сжата). До сих пор нет смог найти ответ, как мне загрузить картинку в email письмо . Если данная картинка у меня на локалке, где и сама верстка.

[lamer350]

Darkness, вы пробовали картинку вставлять в http запросом? Это прекрасно работает везде
то почему картинка которую вы взяли не отображается - я вам подробно описал.

[Darkness]

lamer350, тут вы правы. Для картинки через http - работает отлично! Можете тогда помочь с передачей картинки прямо из папки? Или же не делают так ? Всегда через ссылки? (Возьмем любую рассылку)

Было бы здорово если бы дали ответ на мой вопрос, но, тут моя ошибка была - картинка будет по ссылки и в этом вы были правы , спасибо большое за помощь!

[lamer350]

Darkness, для email рассылки картинки всегда нужно грузить на домен, и делать ссылками вот так. Из папки с вашего ПК никак к сожалению. Тоисть выход: можете хоть бесплатный хостинг взять и какой нибудь дешевый домен и все рассылки делать через него. Либо если у вас есть свой сайт, то просто где то в корне ложить папку с картинками для email и ссылать на эти картинки вот таким вот образом.

[Darkness]

lamer350, Хорошо, а svg как? Или нильзя svg передать в рассылку так?
Туплю) Также по ссылке с хостинга, уже сделал, спасибо) И все же неверно сделал, не видит svg по ссылке тоже ( http ) запросом, по тесту только 2 сервиса видит svg . yahoo и outlook :c

[lamer350]

Darkness, svg к сожалению тоже лучше не использовать, только png/jpg

[Darkness]

lamer350, тоже уже прочел ( везде так говорят ) , а выборку нельзя сделать ? ну тип если не идет svg , то пусть png ?

[lamer350]

Darkness, нет, там все примитивно...

Answer 2

[Михаил Лялин]

адаптивная вёрстка писем + использование сервисов рассылок

Comments

[Darkness]

Ваш ответ не дал ответа на мой вопрос

[Moskus]

Darkness, ваш вопрос не содержит информацию, нужную для того, чтобы разобраться в проблеме.

[Darkness]

Moskus, какая доп.информация нужна вам? Полная таблица?) Стили прописаны в том блоке, где есть картинка, написал где не отображается, и где отображается.