随着高清显示技术不断提高与完善，高清显示器也来越普及。苹果公司的The New iPad就是一个例子，它采用Retina显示技术，图像显示解像度十分高清。这对于用户的无疑得是视觉盛宴，但对于网站而言，恐怕就多对了一种负担。毕竟图片的分辨率越高，体积就越大，无疑对网络加载速度是一个负担与挑战，但我们不能逆市场发展，逆用户需求。那么是否有一种方法能做到两全其美，既能顾及一般显示终端的用户，又能考虑新产品用户群，还能相对减轻网站加载体积？
Retina.js 无疑是一个福音！其实一个开源的js脚本，专门结局网站对高清显示终端的转换。当网站加载时，首先Retina.js 会判断显示终端，再对页面上的所有图片逐个检测是否存在高清版本，如在高清显示终端则显示高清版本，否则显示原有版本。
注：该JS假设你使用苹果公司定义的高分辨率字符”@2x”作为高分辨率图像变量
原始图片：
<img src="/images/my_image.png" alt="" />
高分辨率图片：
<img src="/images/my_image@2x.png" alt="" />
使用方法好简单，只需要加载该js文件即可：
<script type="text/javascript" src="/scripts/retina.js"></script>
