CSS /背景画像の場合CSSのimage-set
プロパティを見ましたか?これは、htmlのimg
要素srcset
に相当するCSSです。欠点はブラウザの互換性です(ただし、携帯電話の場合はhttp://caniuse.com/#feat=css-image-set)。拡張された構文がまだこれらのブラウザに追加されているかどうか。
使用例:あなたはあなたのHTML srcset
自体に実際img
要素を使用することができる場合
background-image: -webkit-image-set(url('my-img-1x.jpg') 1x, url('my-img-2x.jpg') 2x);
はしかし、今で異なる画面サイズのブレークポイントhttp://caniuse.com/#search=srcset
で画像を変更できるように、かなり良いブラウザのサポートと拡張構文を持っています
srcset使用例:
<img src="my-img-1x.jpg" srcset="my-img-1x.jpg 1x, my-img-2x.jpg 2x, my-img-wide.jpg 1920w" />
が前方探しています要素もブラウザのサポートを得るようになっていますが、おそらく現在は主流の導入から少し離れています。