JavaScript - React-Native 画像アセット サイズを削減する

okwaves2024-01-24  5

私はたくさんの画像とアイコン (すべて png) を含むアプリケーションに取り組んでいます。画像フォルダーの合計サイズが 15MB 近くであることがわかりました。これは、React-Native を初めて使用するため、大きすぎます。このサイズがアプリの合計サイズにどのように影響しているのかわかりません。また、このフォルダーのサイズ(つまり、画像/アイコン)を減らすための最良の方法もわかりません。これにはsvgまたは他の形式を使用する必要がありますか、それとも他の方法がありますか(つまり、画像/アイコンのサイズを圧縮するなど)?

SVG を直接使用できないことがわかりました。何らかのライブラリを使用する必要があります。アプリはすでにかなり重いので、ライブラリで負担をかけたくありません。

ありがとうございます。最善の解決策を探しています



------------------------

画像アセットのバンドル サイズを最小化するには 3 つのオプションがあります。

アプリに画像を保存する代わりに、画像 URL を使用します。画像をサーバーにアップロードし、アプリへのリンクを参照できます。一部の画像プロバイダー サーバー。

曇り Firebaseストレージ

SVG の使用 - ライブラリを含めたくないと言っていましたが、react-native-svg のバンドル サイズを確認してください。これは非常に軽量なパッケージです。

任意の画像圧縮ツールを使用します。画像を圧縮して使用します。使用できます

小さなJPG



------------------------

比較ビルド時に、react-native-imagemin-asset-plugin を使用してすべてのイメージを抽出します

総合生活情報サイト - OKWAVES
総合生活情報サイト - OKWAVES
生活総合情報サイトokwaves(オールアバウト)。その道のプロ(専門家)が、日常生活をより豊かに快適にするノウハウから業界の最新動向、読み物コラムまで、多彩なコンテンツを発信。