拥有图像 @2x @3x 与只有一张高分辨率图像

Nic*_*ick 5 react-native

根据文档

\n\n
\n

您还可以使用@2x和@3x后缀来提供不同屏幕密度的图像。如果您有以下文件结构:

\n
\n\n
.\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 button.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 img\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 check.png\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 check@2x.png\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 check@3x.png\n
Run Code Online (Sandbox Code Playgroud)\n\n

然而,我发现如果我简单地使用我拥有的最大图像(例如 check@3x.png)并将其重命名为 check.png ,它就会工作得很好,因为图像会自动缩小尺寸。这有什么缺点吗?

\n

mat*_*att 2

当然。当然,缺点取决于本机平台,但对于 iOS 来说,这通常是一个坏主意。按重要性递增顺序:

  • 自动缩小到 2 倍的 3 倍图像可能看起来像您的绘图一样好,也可能不如您的绘图。

  • 将 3 倍图像缩小到 2 倍需要时间和 CPU 资源,而不是仅显示即时且免费的 2 倍图像。

  • 最重要的是,以 2 倍像素大小显示 3 倍图像会浪费大量内存。