【画像の解像度】

■HTMLファイルに<img>タグで画像を挿入。

最初は画像が大きいと容量が大きくなってしまうと思い、イラストレーターから『書き出し』の時点で縮小しました。

すると…

縮小させるだけなら解像度は問題ないのですが、Webページは拡大してみる場合もあります。その時はばっちりぼけてしまいます。

『あー…、そういえば縮小した画像を拡大したらモザイクみたいになったことあったっけ』と思い出し、元の大きさのまま書き出してCSSで縮小して調整することに、

すると…。

いい感じに表示されました。

今回はHTMLのタグ内に直接CSSを書いて調整しました。

拡大してもA4くらいまでなら問題無く表示されます。

拡大しても解像度を下げない方法もあるみたいなので今後学習したら書き込みます。

2020.10.19(Mon)