Outlook преобразует HTML-код с MsoNormal и изменяет размер изображения

Question

У нас есть приложение, которое открывает новый E-Mail с Outlook 2013 на основе настраиваемого кода. Код

<img width="298px" height="28px" src="https://www.ahd.de/sites/default/files/logo_0.gif"/> 

но перспектива открывает E-Mail со следующим:

<p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial",sans-serif; 
mso-fareast-font-family:"Times New Roman";color:#6E6E6E;mso-no-proof:yes'><img 
width=1024 height=768 id="_x0000_i1025" 
src="https://www.ahd.de/sites/default/files/logo_0.gif" 
alt="ahd your business. (Logo)"></span><span style='font-size:10.0pt; 
font-family:"Arial",sans-serif;mso-fareast-font-family:"Times New Roman"; 
color:#6E6E6E'> 

Есть ли способ обойти это? Изображение очень сильно отличается от почты.

Примечание: Смешной бит заключается в том, что когда я закрываю окно Outlook и снова открываю его через наше приложение, код по-прежнему изменяется, но с правильной шириной и высотой!

Благодарим за помощь!

Answer 1

Everytime когда мы пишем коды для Email Шаблоны мы должны следовать инлайн CSS всегда, и если мы хотим использовать изображения то мы должны следовать в этом определенным образом, как (то есть в случае OP):

<img alt="your alt text" border="0" height="28" src="https://www.ahd.de/sites/default/files/logo_0.gif" style="width: 298px; height:28px;line-height: 100%;outline: none;text-decoration: none;display: inline;margin: 0px;border: 0;" width="298" /> 

Основными причинами этого являются:

• Всегда обеспечивайте alt текст вашего изображения тега
• Всегда устанавливайте border до нуля, чтобы избежать ненужной границы, что большинство почтовых клиентов положить вокруг изображения
• И самое главное из них всех, всегда ** исправить height и width вашего изображения в обеих манерах, то есть с помощью инлайн CSS, а также с помощью тега изображения attributes, чтобы ограничить область ваших обложек изображений до фактических размеров на всех платформах.

Надеюсь, это поможет вам разобраться.