西门的后花园

Retina屏幕下优化图片方法集合

未针对Retina屏幕处理的图片

方法一：img标签放2倍尺寸图片

全兼容

方法二：img标签srcset属性

支持Chrome 34+

方法三：2倍背景图

全兼容

方法四：背景图image-set

支持Chrome 21+、Safari 6+、iOS 6+

方法五：媒体查询

全兼容

方法六：JavaScript替换链接路径

全兼容

有草案，但没浏览器支持的picture