見出し画像

【画像の解像度】

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

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

すると…

2020-10-18 (ぼけ)

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

2020-10-18 (ボケ大)

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

すると…。

画像1

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

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

2020-10-18 (解像度)


画像3

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

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

2020.10.19(Mon)


この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
励みになります\(^^)/
1
Web業界へ転職を目指す飲食業の人です。noteをアウトプットの場として基礎の基礎から記録していきます。
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。