OutlookはMsoNormalでHTMLコードを変換し、画像のサイズを変更します

Question

カスタムコードに基づいてOutlook 2013で新しい電子メールを開くアプリケーションがあります。コードは

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

ですが、Outlookは、以下にEメールを開きます。これを回避する方法は

<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

毎回私たちは電子メールテンプレートためのコードを書いているとき、私たちは常にインライン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テキストを提供する
• は必ずメーラークライアントのほとんどがインラインを使用して、すなわち、あなたのイメージ
• の周りに置いて、それらすべての最も重要な、常に**の両方の方法であなたのイメージのheightとwidthを修正し、不要な境界線を避けるために、ゼロにborderを設定しましたCSSと画像タグattributesを使用して、画像カバーの領域をすべてのプラットフォームの実際の寸法に制限します。

これがうまくいくと思います。