Как встраивать изображения в электронные письма? - PullRequest
Новая
       20

Как встраивать изображения в электронные письма?

1 голос
/ 02 апреля 2019

Я хочу отправить письмо с логотипом и HTML-шаблоном.Я добавил свой код здесь: 

 <div style="max-width: 31.250em; background-color:#fcf9f2;margin:auto;font-family: 'Open Sans', serif;
    font-size: 13px;">
    <div class="row">
        <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#e0e0e1">
            <tr>
                <td align="center">
            <tr>
                <td align="center">
                    <table border="0" align="center" width="50%" cellpadding="0" cellspacing="0"
                           class="container590">
                        <td height="50" style="line-height:55px;">
                            <a href=""
                               style=" border-style: none !important; border: 0 !important;"><img
                                    width="0.08em" height="40px" border="0"
                                    style="display:block; width: 170px;"
                                    src="https://www.yemeksepeti.com/assets/images/logo.png?v=1553756111693"
                                    alt="Yemek Sepeti"/></a>
                        </td>
                        </tr>
                    </table>
                </td>
            </tr>
            </td>
            </tr>
        </table>
    </div>
</tr>
    <div style="opacity: 0.9;margin-top:4.375em;margin-left: 3%;margin-right: 2%">
        <p>  %NameSurname%</p>
    </div>
    <div style="border-style: solid;border-top-width:1px;border-color:#c6c8ca;opacity: 0.9;margin-top:4.375em;margin-left: 3%;margin-right: 2%">
        <table>
            <tr>

                <td> %EMAIL%</td>
            </tr>
            <tr>
                <td style="text-align: initial"> %PASS%</td>
            </tr>

        </table>
    </div>

</br>

Когда я отправляю письмо, логотип не появляется, а тег img говорит blockingsrc.

Я пытался написатьbase64 в src, но это не так.

Ответы [ 3 ]

2 голосов
/ 02 апреля 2019

Попробуй так, может быть, ты писал не так.

<img src="data:img/jpg;base64, {{base-64 string}}" />

1 голос
/ 02 апреля 2019

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

Таким образом,

1) Если у вас много изображений, загрузка изображений на сервер и загрузка этих изображений с сервера может уменьшить размер вашей электронной почты. (Вы можете получить много бесплатных услуг через Google)

2) Если в вашей почте только несколько изображений, использование строк base64, безусловно, вариант.

<img src="data:img/jpg;base64, {{base-64 string}}" />

0 голосов
/ 02 апреля 2019

Вам необходимо добавить изображение в качестве вложения и установить его Content-ID MIME-заголовок (например, "xyz").Ваше тело HTML может затем ссылаться на это изображение, используя атрибут src (например, <img src="cid:xyz">)

...