画像の横幅によってHTMLメールの表示が崩れる場合

通販サイトなどで商品画像などを読み込んでHTMLメールを作成する際に、メールの幅より大きな画像を使用して表示が崩れる事象があります。

例）画像が1000pxの場合

Outlookでは、imgタグに width="100%" style="max-width:600px;" と指定してもCSSが効かないため画像は1000pxで表示されます。

これを解消するには、imgタグに width="600" （メールの幅）を指定しなければなりません。
またスマホ対応（レスポンシブ）するためには、style="width:100%;" を指定します。
ただ、style="width:100%;" を指定すると、Becky!では画像幅が1000px（元の大きさ）になって表示が崩れます。
そのため、

・画像をきちんとHTMLメール用にリサイズする

または、

・スマホ対応（レスポンシブ）を諦める

どちらかの対応になります。
ただ容量の問題からして、画像はリサイズしていただいた方がいいです。
容量が軽いとスマホでの表示も早くなります。