React-native:包括@ 2x图片有什么优势吗?

时间:2018-08-14 02:21:27

标签: android ios react-native native pixel

React Native官方文档说,您可以为项目中的每张图片包括@2x@3x图像:link

但是,包括多余的@2x会使捆绑包的大小增加很多。唯一的优势是,在屏幕上绘制@2x所需的CPU更少。

因此值得添加@2x吗?或者我可以只使用一种@3x格式?谢谢!

1 个答案:

答案 0 :(得分:0)

在构建本机移动应用程序(使用任何系统)时,包含多个版本的资产的一个原因是更好地优化了图像。您不必信任每个人的不同设备来适当缩小图像尺寸,而是可以通过将图像打包为所需大小来确保它可以正确渲染。此外,您还可以更好地控制混叠的工作方式,尤其是从矢量创建多个光栅图像时,而不是将光栅自身缩小时。如果您自己执行@ 1x和@ 2x设备,则可以获得更好看的图像,而不是强制设备调整大图像的大小。在某些情况下,您可能实际上决定根据设备的屏幕功能来稍微更改图标。也许@ 1x上的图标比@ 3x上的图标稍粗一些,因为@ 3x的像素密度可以支持较细的线条。

此外,您应该签出ImageOptim来减小资产的文件大小。我在工作中经常使用它,通常将文件大小缩小60%,而图像没有可见变化。