參考：http://mdsa.51cto.com/art/201507/484215.htm
基于http://www.reibang.com/p/7179c36a682f
我們知道，同樣的100px＊100px的圖片在bybrid軟件以及大部分wap網(wǎng)頁中是以
100dpr＊dpr的像素大小來呈現(xiàn)的蝎困。
同樣的100100的圖片，在retina屏幕中扰藕，1像素的位圖對應(yīng)4像素的物理像素，這種情況下，會就近取色
Paste_Image.png
這樣會造成模糊
所以對于高清圖片逝钥，為了避免就近取色泻仙，導(dǎo)致圖片模糊糕再，比較好的方法是采用兩倍圖片的方式。
如果在普通屏幕下用兩倍圖片玉转，200×300(css pixel)img標(biāo)簽突想，所對應(yīng)的物理像素個數(shù)就是200×300個，而兩倍圖片的位圖像素個數(shù)則是200×300*4究抓，所以就出現(xiàn)一個物理像素點(diǎn)對應(yīng)4個位圖像素點(diǎn)猾担，所以它的取色也只能通過一定的算法(顯示結(jié)果就是一張只有原圖像素總數(shù)四分之一，我們稱這個過程叫做downsampling)刺下，肉眼看上去雖然圖片不會模糊绑嘹，但是會覺得圖片缺少一些銳利度，或者是有點(diǎn)色差(但還是可以接受的)怠李。
Paste_Image.png
對于不同手機(jī)屏幕下載不同尺寸的圖片可以通過媒體查詢做到：@media
通過不同的URl使圖片尺寸在服務(wù)器端處理圾叼。
