<img>
にブレークポイントなしのアブソリュートイメージセット(つまり、sizes
アトリビュートがない)を使用すると、同じ解像度のイメージをいくつか提供し、srcset
属性で定義します。 1x
、2x
、3x
HTML5 srcset:1xは必須ですか?
はしかし、通常、画像の1x
バージョンがすでにsrc
属性で定義されているだけで同じ画像であるので、それは少し冗長です。したがって、私は疑問に思っています - srcset
パラメータのの1x
バージョンを実際に必要/必須と定義していますか?次いで、少なくともFirefoxが正しく350x150
画像が表示されるとすぐズームレベル/ DPPXが> 1
あるとして、それは700x300
画像を使用するだけ
<img src="http://placehold.it/350x150" srcset="http://placehold.it/700x300 2x">
代わり
<img src="http://placehold.it/350x150" srcset="http://placehold.it/350x150 1x, http://placehold.it/700x300 2x">
のを使用して
。
srcset
の1xの定義を省略すると、特にサムネイルギャラリーが大きいページに数バイトは保存されます。
ありがとうございました。意味をなさない – fritzmg