减少 React-Native 图像资产大小

Question

我正在开发一个有很多图像和图标（都是 png）的应用程序，我发现图像文件夹的总大小接近 15MB，这太多了，因为我是 react-native 的新手，所以不确定如何这个大小会影响应用程序的总大小，而且我不确定减小这个文件夹大小（即图像/图标）的最佳方法，我应该为此使用 svg 或任何其他格式还是有任何其他方式（即，压缩图像/图标大小等）？

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

谢谢并寻找最佳解决方案

Answer 1

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

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

   • 多云的
   • Firebase 存储

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

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

   • 小JPG