如何按比例缩放图像以获得更高分辨率?

时间:2014-10-21 15:26:23

标签: css responsive-design

我使用的一些图片是小图标。如何以更高的分辨率(例如2560 x 1440?

)查看它们时如何缩放它们

1 个答案:

答案 0 :(得分:1)

Bojan是对的:使用imulus.github.io/retinajs是实现这一目标的好方法。有几点需要注意:

在初始设计中,您应将整个文档设置为150ppi。这是视网膜显示的双重分辨率。在设计时,请确保所有图像和图标都可以缩放到这个尺寸而不会出现像素化。

在开始构建之前,请按照此尺寸剪切图像并将其保存为正常。然后将其缩小到72ppi,以便您可以剪切常规分辨率图像,并在将设计复制到网站时进行测量所以你不要经常除以2。

retinajs将根据需要替换您的图像,但它需要您为可能没有图像的图像指定尺寸。

希望这会有所帮助