Chrome 34ではimgタグで解像度に応じた複数の画像を出し分けられるよう、レスポンシブイメージ対応に

スマートフォンのような小さな画面からデスクトップPCのディスプレイまで、Webに対応するデバイスの画面の大きさや精細度の多様性は高まってきています。 多くのWebデザイナーは、こうした多様な画面に合わせてレイアウトなどを変えることで見やすくするよう努力してきましたが、こうしたダイナミックなレイアウトを実現する上で大きな課題だったのが画像の扱いです。画面の大きさや精細度に合わせて適切な画像を表示させようにも、そのための標準的な方法がないのがその理由です。 Chrome 34ではその、いわゆるレスポンシブイメージへの対応としてimg要素に新機能を実装することを明らかにしました。。 img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります。 <img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1

[sionsou]

コレやりだすと、将来x3とかx4とか出てきそうだなw でもレスポンシブ対応がデフォルト化してきたのかー

[kagioo2uma]

pictureタグの追加なんて本末転倒感あるし、imgタグのsrcsetで決着してほしいな

[megazalrock]

srcsetはありがたい。現状JSで切り替えるしか無いのはあまりにも不便。

[otchy210]

HTML の重要な仕様の一つに「知らない要素、属性は無視する」っていうルールがありまして、そのおかげでこういう後方互換がやりやすいので、picture とかやらずにこっちの方向の方が良い。

[tmatsuu]

ほう。しかし他のブラウザは

[akirafukuoka]

結局pictureタグはなしでimgタグにsrcsetのパラメーターで対応ということになるのか。

[tarchan]

＞<img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1x, pic2x.jpg 2x, pic4x.jpg 4x">

[machupicchubeta]

imgタグでsrc属性ではなくsrcset属性で設定する

[igrep]

先に実装しちゃって協議を優位に進めよう、って算段ですかね

[kana321]

Chrome 34ではその、いわゆるレスポンシブイメージへの対応としてimg要素に新機能を実装することを明らかにしました

[deg84]

imgタグのsrcsetで統一して頂きたい

[anoncom]

「通常（srcset非対応）はsrc要素、srcset対応でも通常解像度なら1x、Retinaで見るとsrcsetの2xから高解像度版(@2x)…といった画像が適切に表示出来るよ」というのをブラウザ側でやってくれる。

[UDONCHAN]

便利

[norisu0313]

Chrome 34ではimgタグで解像度に応じた複数の画像を出し分けられるよう、レスポンシブイメージ対応に

[rgfx]

おぉ、Androidがmdpiからxxhdpiまで解像度別にアセットをロードするような仕組みを、imgタグ＆cssメディアクエリに実装ということか。いいね。

[tanakh]

なんかなー

[lost_and_found]

srcsetキタ

[mickn]

srcset属性で複数指定

[shioki]

"img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります""これは現在のimgタグに対する互換性を備えつつ、レスポンシブイメージに対応する実装として組み込まれるとのことです"

[yass]

" img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります / WebKitはすでにimg要素を拡張する実装を進めており、今回Chromeも同じ実装をすると表明 "

[kussun]

Chromeの先行実装。タグ増やすより、こっちのほうがスマートかな。

[monoooki]

“img要素に新機能を実装することを明らかにしました。。”

[minonet]

Chrome 34ではimgタグで解像度に応じた複数の画像を出し分けられるよう、レスポンシブイメージ対応に スマートフォンのような小さな画面からデスクトップPCのディスプレイまで、Webに対応するデバイスの画面の大きさや精細