Chrome 34のベータで画像に複数のサイズを登録すると自動で最適なサイズを選択するレスポンシブイメージに対応
PR
スクリーンサイズに合わせて最適な画像のサイズで表示できるレスポンシブイメージを Chrome 34のベータ版でサポート
レスポンシブイメージとは？
CSSで画像をレスポンシブにするのと違い、画像の元データをスクリーンサイズによって読み込みわけるというものです
スマホなどの小さい画面には高解像度の画像は必要有りませんので 小さい画像を、PCには大きな画像をと振り分けます
imgタグに srcset=””で登録することで利用可能です
例
<img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1x, pic2x.jpg 2x, pic4x.jpg 4x">
詳細情報はこちら (英語)
http://blog.chromium.org/2014/02/chrome-34-responsive-images-and_9316.html
PR
短縮URL:
COMMENT