网页设计师：如何创建Retina图像

网页设计师：如何创建Retina图像

     苹果公司发布了更多的产品适应Retina屏幕。到目前为止，我们知道苹果设备中支持Retina屏幕技术的有“iPhone”、“iPod”、“iPad”和“Macbook Pro”，这些设备能为用户呈现更细腻、平滑和高质量的图片效果，提高了用户的视觉体验。做为一名Web设计师如何为你的网站创建这些适合Retina显屏设备的图片呢？这就是我们今天要学的一个东东。

为什么要支持Retina显示

      最初我并期望采用较大的图片来满足Retina屏幕显示采用巨大的图像，因为他毕竟是一个全新的技术。但后来我花了点时间做了一个统计，才意识到苹果的设置占据了很多移动端的份额，这些设备大多数是“iPhone”、“iPod”和”iPad”,而且这些设备都支持Retina屏幕技术。大部分使用13、15寸Retina显示屏的用户都通过”Chrome“、”Firefox“、”Safari“和”IE“上网，如果你需要支持”Opera“浏览器，那是你在迎合一些小众用户。（我自己的网站统计数据，就是这样的一个情况）

如何创建Retina图像

      你可能为认为，Retina图像只需要使用高分辨率（PPI）来保存就可以，但事实并不是如此。所有你需要做的是为Retina显屏保存放大两倍的中图片，比如说你保存一张200×200像素（css像素）的图生，你需要将图片保存成400×400像素。这些超大型的图像显示成原始图像的大小尺寸，有助于在Retina屏幕上创建光滑和清爽的外观效果。

听起来很简单，那你要怎么获取双倍大小的图像呢？