<img srcset=".." sizes=".."/>レスポンシブ画像のhtmlタグ+属性についての質問です。
- 3x Retina ディスプレイ (3 * 341 = 1023) では、srcset の w-descriptor はデバイス ピクセル (1023px) またはレイアウト/CSS ピクセル (341px) を参照しますか?
編集: 明らかに、w-descriptor は画像解像度を指定します。これは、デバイス ピクセルまたは css ピクセルとは関係ありません。
しかし問題は、提供された画像の 1 つをブラウザーがどのように選択するのかということです。デバイスのピクセルに基づいていますか、それとも css ピクセルに基づいていますか? - サイズ属性のメディア クエリは、デバイス ピクセルまたはレイアウト ピクセルを参照していますか?
- サイズ属性の画像幅 px は、デバイス ピクセルまたはレイアウト ピクセルを参照していますか?
私自身の推測では、サイズは常にレイアウト ピクセルを指します。しかし、これが確認できれば望ましいです。
(理想的には、デバイスのピクセル密度に応じて異なる jpg 品質を提供したいと考えています。Retina = 低品質、高解像度。しかし、これはおそらく別の質問です)
完全なシナリオはこちら: Responsive img/srcset/sizes: デバイスのピクセル密度によって jpg の品質が異なりますか?
編集:「デバイス ピクセル」と言うとき、実際にはデバイス上の物理ピクセルを意味します。