0

ロゴ画像は 2 倍に縮小され、設定されたピクセル幅と高さで縮小されます。ぼやけた画像ではなく、よりきれいな画像が必要です。ロゴはまだ Outlook の元のサイズです。

これを独自のテーブルで設定されたピクセル幅にラップする必要がありますか? 特定のクラスを設定する必要がありますか? このコードをクリーンアップしてより効率的に動作させるにはどうすればよいですか?

<td bgcolor="#FFFFFF" width="150" align="center" target="_blank"><a href="http://www...."><img src="http://..t_lgo-300.jpg" width="150px" height="89px" alt=""  style="display: block; border: 0; font-family: 'Open Sans', Arial, sans-serif; color: #86898B; font-style: normal; font-size: 18px; line-height:10px; width: 150px; height: 89px;"></a></td>

スタイル - ロゴにはクラスがありません....

td[class="logo"] img{
      margin:0 auto!important;
    }

 img[class="img-max"]{
      max-width: 100% !important;
      width: 100% !important;
      height:auto !important;
    }
4

1 に答える 1

0

画像の品質と同じくらい、必ずしもコードであるとは思いません。( https://www.emailonacid.com/blog/article/email-development/mobile-optimization-retina-images-in-email )

Retina 画像の場合は、メッセージに必要なサイズの 3 倍ではないにしても、2 倍のサイズで画像を保存するのが最適です (高解像度)。元。電子メールの 100x50 画像の場合は 300x150 で保存します。

画像タグで幅と高さを宣言してください。そうしないと、Outlook に生の画像サイズが表示されます。その後、メディア クエリを使用して、モバイル ディスプレイに適したサイズに設定できます。

于 2016-01-18T14:37:10.857 に答える