【 職業訓練 】 "Webクリエータ科" DAY-14 タグの復習 FirE♯507
本日はHTMLのタグ、CSSのプロパティの復習です。
正直今まで、使っていないモノだったので、
訓練校にて復習できてよかったー!って感じです。
■ srcset属性
imgタグに追加できる属性です。
iPhoneや、Macなどの高解像度のディスプレイ用に、通常と別の画像を指定できます。
<img
src="img.png"
srcset="img.png 1x, img-2x.png 2x"
>
img.png 1xが、解像度1倍の画像を指定
img-2x.png 2xが、解像度2倍の画像を指定
という形になります。
img-2x.png は、解像度を上げた画像を用意します。
これにより、デバイスのディスプレイに合わせて読み込む画像を切り替えて表示してくれます。
絶対に必要なタグではないのですが、画質にこだわりたいという方は
設定しておくほうが良いでしょう!
この記事が気に入ったらサポートをしてみませんか?