CSS3媒體查詢圖像優化

Question

嘿，大家好我是很新的CSS3媒體查詢， 現在我的問題是，假設我藉此CSS3的高分辨率

@media screen and (min-width: 800px) { 

body { 
    margin: 0px; 
    background-image: url(../hq.jpg); 
}} 

了AMD低分辨率我藉此

@media screen and (max-width: 800px) { 

body { 
    margin: 0px; 
    background-image: url(../bw.jpg); 
}} 

現在我的問題是，如果我加載頁面的高分辨率將加載只有總部圖片或將它也加載bw.jpg圖片，並將其保存在內存中。 是否值得花時間在不同分辨率的圖像優化上，例如：像這樣一個有hih res和lo res Pic？謝謝。

Answer 1

當然是的，如果你有你的網站hq圖片說全屏，沒有它不會加載DOM。