srcset属性

このエントリーをはてなブックマークに追加

srcset属性はimg要素に対して利用することで高精細度用ディスプレイ向けの画像を指定できる属性です。

srcset属性は執筆時点(2014年4月)ではGoogle Chrome34以上でのみ利用可能です。

次のように指定することで、Device Pixel Ratioが2の端末ではimg@2.pngを、それ以外ではimg.pngを読み込み表示を行います。

<img src="img.png" srcset="img@2.png 2x">

Device Pixel Ratioが2の端末はiPhoneやiPad、MacBookなどのRetinaディスプレイ搭載モデルや高精細度ディスプレイを搭載したAndroid端末(Android端末のdevicePixelRatioで対応端末が参照できます)など日々増加しておりますので今後の普及が楽しみな属性です。

参考URL

The srcset attribute - W3C

登録日 : 2014年04月15日 最終更新日 : 2014年4月15日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス