为本机应用程序选择图像大小

时间:2017-03-16 20:50:41

标签: image react-native

我需要一些反映原生应用的全屏图像。我应该坚持多大的尺寸?我应该为不同的分辨率添加多个图像,例如宽度320,宽度480,720,920,1280,1920等之一,并根据Dimensions.get输出选择它们吗?如果是这样,我应该包括哪些尺寸?或者也许我不需要那么多图像并坚持使用平均分辨率的图像仍然可以吗?选择图像大小的最佳做法是什么?

2 个答案:

答案 0 :(得分:0)

要投放的图片大小取决于您从DimensionspixelRatioNetInfo获得的数据。

让我们说常规的iPhone宽度是320.如果你得到它并且pixelRatio是2,如果你想要图像清晰,那么服务720是有意义的。这是基于尺寸的数学计算。

最重要的是,如果网络不合适,检查NetInfo.isConnectionExpensive()并降低质量是有意义的。

我认为处理这个问题的一个好方法是拥有3-4个基本图像尺寸 - 小,中,大,extraLarge(覆盖平板电脑)并相应地使用它们。

答案 1 :(得分:0)

文档描述,可以将图像放置在JS结构中所需的位置,并且如果使用静态资源,则可以使用@ 2和@ 3后缀来支持不同的像素密度:https://reactnative.dev/docs/images#static-image-resources < / p>

其余的将由反应性处理(即使只需要真正导入图像也是如此。

但是我也想知道什么是提供良好分辨率的良好起点。 也许有人还有其他建议,即以默认密度开始的分辨率,并将其用于@ 2和@ 3后缀。