Я пытаюсь сделать подпись в HTML, используя изображения, закодированные в URL-адресах данных base 64. Вот пример:
<img src="data:image/png;base64,iVBORw0KGgoAAAAN...kJggg==">
Он отлично работает с почтовым программным обеспечением, таким как Mail на Mac или Thunderbird, но не работает с веб-почтой, такой как gmail, outlook, roundcube, hotmail ...
Ты хоть представляешь, как заставить его работать? Я действительно хочу поместить эти изображения прямо в исходный код, это более практично.
простой ответ?
Вы не можете. Gmail, Outlook и т. Д. Будут игнорировать изображения в формате base64.
Посетите этот сайт, чтобы узнать больше об этом
Итак, судя по нашим результатам, явно не стоит использовать встроенные изображения в свои электронные письма. Все, что вы будете делать, это заставлять людей загружать закодированные изображения, которые они не смогут просмотреть.
Я использую встроенный SVG, и вот почему:
Но если вы действительно хотите отображать изображения в Gmail и Outlook, вам нужно будет загрузить их через HTTP.
У парня из CSS-tricks есть хорошее руководство по SVG в электронном письме: https://css-tricks.com/a-guide-on-svg-support-in-email/
Окончательное решение следующее:
/* Resize an element that has a width and height of zero to full size */
.showy {
height: 100% !important;
width: 100% !important;
}<!-- Image: SVG -->
<img class="showy" width="0" height="0" src="my-image.svg">
<!-- Image: JPG -->
<img class="no-showy" src="my-image.jpg">Но лично мне это не нравится, потому что я не хочу, чтобы клиент спрашивал пользователя, хочет ли он загрузить дополнительные ресурсы.
