デバイスに応じて、各画像のピクセル数に特定の倍率を掛けて、これを実現します。標準解像度画像は、倍率が1.0
であり、@1x
画像と呼ばれます。高解像度画像は、倍率が2.0
または3.0
であり、@2x
および@3x
画像と呼ばれます。
例えば、標準解像度が@1x
の画像が100px x 100px
であるとします。この画像の@2x
バージョンは200px × 200px
となります。 @3x
バージョンは300px × 300px
となります。
iPhone X、iPhone 8 Plus、iPhone 7 Plus、およびiPhone 6s Plusは、3x の解像度をサポートしています。 iPhone 8、iPhone 7、iPhone 6/6s、iPhone 5s/5cは2x の解像度をサポートしています。他のすべてのiPhoneデバイスは1x解像度をサポートしています。
サイズが10ポイントのビューの画像のサンプルセットと、iOSシステムがデバイス解像度固有の画像をどのように選択するかを検討してください。
@3x -> 3 * (10px x 10px) = (30px x 30px) // iPhone X, iPhone 8 Plus, iPhone 7 Plus, and iPhone 6s Plus
@2x -> 2 * (10px x 10px) = (20px x 20px) // iPhone 8, iPhone 7, iPhone 6/6s and iPhone 5s/5c
@1x -> 1 * (10px x 10px) = (30px x 30px) // All other iPhone devices
注:あなたは、デバイスの解像度、特定の画像を割り当てるために、任意のコード(セットアップ)を行う必要はありません。画像セットにすべての(1x、2x、3x)タイプの解像度の画像を追加するだけです。 iOSシステムは、画像のセットからデバイス解像度特有の画像を自動的に選択/選択します。アップルのこのドキュメントで
ルック:Image Size and Resolution
ここでは簡単にunderstadingのための素晴らしいチュートリアルです:iPadの(モデル)は、あなたが(試してみました)を使用しないDESIGNING FOR THE NEW IPHONE SCREEN RESOLUTIONS
? – Krunal
@Krunal私の編集を参照してください –