Как сделать картинку для отображения в почтовых клиентах?

Question

[vitas2008]

Сервис на node.js формирует картинку для html письма:

<img width="580" height=400 alt="systemType" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAA...

Но на почтовых клиентах (при открытии в письме почты) иногда картинка не отрисовывается, хотя при открытии как index.html в браузере отображается. Как сделать картинку универсальной под все почтовые клиенты?

Comments

[Дмитрий]

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

[vitas2008]

у меня вот так вот:

<table width="100%" style="
          background-color: #ffffff;
          background-image: none;
          background-repeat: repeat;
          background-position: top left;
          background-attachment: scroll;
          color: #82949e;
          max-width: 600px;
          margin: auto;
          border: 1px solid #ccc;
        ">
    <tbody>
        <tr>
            <td style="
                padding-top: 18px;
                padding-bottom: 18px;
                padding-right: 30px;
                padding-left: 10px;
                color: #697082;
                font-weight: bold;
                font-size: 26px;
                vertical-align: middle;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #efefef;
              "> <td>
                <img width="580" height=400 alt="хType" src="data:image/jpeg;base64,/9j/4AAQSkZJ....AAAH//Z"/>
            </td>
        </tr>
    </tbody>

. И есть почтовые клиенты которые одну картинку в составе нескольких по не понятному мне принципу не отрисовывают. а в браузере отткрываются все.

Answer 1

[Nikola_Piterskiy]

Как-то так

<img src="data:image/jpg;base64,/9j/4AA...../9k=" width="180" height="50" alt="base64 test">

Comments

[Refguser]

И чем это отличается от варианта ТСа? меньшими размерами, серьёзно?
Кури маны.

Answer 2

[Refguser]

Как сделать картинку универсальной под все почтовые клиенты?

Никак. Почтовые клиенты и пользователи сами решают что показывать в теле письма (я например клиента всегда настраиваю на "только текст").