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。