Experts.jp日本に、もっとエキスパートを。Experts.jp編集長)ブラウザ,仕様2013年8月22日0click02544WebKitがWebKitが、img要素のsrcset属性を実装したとのニュースが、海外のWeb開発者たちの間で話題になっています。srcset属性は、レスポンシブイメージを実現するために、WHATWGが提案していた仕様です。この機能を用いると、ブラウザのスクリーン要件(幅、高さ、ピクセル密度)に応じて、異なる画像を読み込む事ができるようになります。以下のコードでは、ピクセル密度が2倍の(Retinaディスプレイのような)スクリーンを備えたデバイス上ではhigh-res.jpgを、それ以外のデバイスではlow-res.jpgを読み込みます。Mobile”という記事によれば、srcset属性はレスポンシブイメージが必要となるユースケースを全て満たすものではない(帯域幅に応じて読み込むイメージを変える、など)けれども、大きな前進であると述べています。WebKitが実装した事で、Chrome(Blink)の実装にどう影響を及ぼすのか、対抗する仕様とみなされていたpicture要素の今後はどうなるのか、など興味は尽きません。引き続き、Web技術者は注目を続ける必要があるでしょう。