レスポンスイメージsrcsetとサイズを使用

私のコードでは、解像度が約400pxのときにブラウザが大小のイメージをロードしている理由を理解しようとしています。小さな解像度の場合は、小さな画像を読み込むだけです。網膜ディスプレイでさえ、媒体イメージをロードする必要があります。レスポンスイメージsrcsetとサイズを使用

ここ数時間で、私はこれを勉強しようとしていました。 JSFiddleへ

<img  
    srcset="https://s18.postimg.org/t9xyf7mix/small.jpg 320w, 
      https://s18.postimg.org/w5b1m2qix/medium.jpg 640w, 
      https://s18.postimg.org/ues0kl8zt/large.jpg 1024w" 

    sizes= "(min-width: 1024px) 50vw, 
      (min-width: 640px) 50vw, 
      (min-width: 320px) 50vw" 

    src="https://s18.postimg.org/t9xyf7mix/small.jpg" 
    alt="Test image behavior" 
/>

リンク：https://jsfiddle.net/italoborges/v8yftgj2/2/

私が間違っているのか？

ありがとうございました。ここで

出典

2016-03-29 Italo Borges