反応するネイティブアプリの画像サイズを選択する

Question

反応するネイティブアプリのフルスクリーン画像が必要です。どのくらいのサイズに固執すべきですか？幅320、幅480,720,920,1280,1920などの解像度の異なる複数の画像を追加する必要がありますか？Dimensions.getの出力に従って選択しますか？もしそうなら、どのサイズを含めるべきですか？それとも、私はそれほど多くの画像を必要とせず、平均的な解像度を持つものに固執しても問題ありませんか？イメージサイズを選択するベストプラクティスは何ですか？

Answer 1

提供する画像のサイズは、Dimensions、pixelRatio、NetInfoから得られるデータによって異なります。

普通のiPhoneの幅は320だとしましょう。pixelRatioが2の場合は、画像をシャープにする場合は720を表示することが理にかなっています。それがサイジングの基礎となる数学です。

さらに、NetInfo.isConnectionExpensive()にチェックを入れ、ネットワークが適切でない場合は品質をダウングレードしてください。

これを処理するには、小、中、大、余分に大（タブレットをカバーする）の3-4ベースの画像サイズを使用し、それに応じて使用するのが良い方法だと思います。