减少 React-Native 图像资产大小

Reduce React-Native image asset size

我正在开发一个有很多图像和图标(都是 png)的应用程序,我发现图像文件夹的总大小接近 15MB,这太多了,因为我是新手 -本机所以不确定这个大小是如何影响应用程序总大小的还有其他方法吗(即压缩 image/icon 大小等)?

我看到我们不能直接使用 svg,我们需要使用一些库,我不想用任何库给我的应用程序增加负担,因为它已经很重了

感谢并寻找最佳解决方案

您可以通过三个选项来最小化图像资源包的大小。

  1. 使用图像 URL - 而不是将图像存储在您的应用程序中。您可以将图片上传到服务器并将 link 引用到应用程序。一些图像提供商服务器。

    • 多云
    • Firebase 存储
  2. 使用 SVG - 你说你不想包含任何库检查包大小 react-native-svg 它是一个非常轻量级的包。

  3. 使用任何图像压缩器 - 压缩您的图像并使用它。你可以使用

在构建时使用 react-native-imagemin-asset-plugin

压缩所有图像