３サイズの画像

全てsrc="hyou.jpg"（Retinaではないディスプレイはsrcsetが無視され、全て等倍のhyou.jpgが表示されているだけ）

width 指定なし

srcset追加なし

srcset="hyou@2x.jpg 2x"

srcset="hyou@w800.jpg 1.5625x"

srcset="hyou@w800.jpg 2x"

width="512" 指定

srcset="hyou@w800.jpg 2x" width="512"

2xであってもwidth="512"が優先される。srcsetは2xでとりあえず統一（画像が２倍に足りない時も）してwidth指定必須にすれば楽かな。

（画像）http://free-images.gatag.net/2012/04/08/160000.html

元記事にもどる