LoginSignup
0
2

More than 3 years have passed since last update.

GmailでHTMLメールの画像が荒れる現象

Last updated at Posted at 2016-12-16

WS000000.png

HTMLメールなどで画像サイズの値をピクセルで指定しており、かつ、スタイルシートでサイズ指定された値のほうが大きい場合に画像が荒れる。
(小さい画像を大きくしたかのような乱れかたをする。上の左側の画像)

上の左側の画像
<img src="TENMUSU_LEFT.png" style="width: 400px;" alt="ABC" width="100"> 

タグの値がスタイルシートより大きいか、%指定なら問題なく表示される。

上の右側の画像
<img src="TENMUSU_RIGHT.png" style="width: 400px;" alt="ABC" width="100%"> 

Gmailでのみ確認できた不具合だったのですが、Gmailで軽快な動作をさせるためにの仕様で、はじめにHTMLタグの指定サイズで画像を圧縮して書出して表示し、その後スタイルシートを適用しているのではないかと思われます。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2