web-dev-qa-db-ja.com

Xcodeの画像サイズは@ 1x、@ 2x、@ 3xである必要がありますか?

たとえば、100*100サイズの画像ビューまたはボタンがあり、その画像またはbackgroundImageをローカル.pngファイルで設定したい。私の理解に基づいて、3つの画像セット、つまり100*100 for @1x200*200 for @2x300*300 for @3xを作成する必要があります。私の理解が正しいかどうかわかりませんが、誰でも助けてもらえますか?

63
user2053760

私の理解によると、画像サイズが100 * 100の場合

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

enter image description here

理解すべきことがあります。 2xおよび3xイメージを作成することにより、各iPhone画面からまったく同じレイアウトを期待できません。レイアウトは画面ごとに異なります。画面のピクセル密度のみを扱う1x、2x、3xの画像サイズ。

320 * 70の画像があり、作成しているとします

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

これは、異なる画面での出力になります。 enter image description here

87
enadun

@3x画像の場合、@1x画像サイズが3倍になります!

例えば.

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

OR

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

OR

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

これがお役に立てば幸いです!

17
Rupal Patel

はい、あなたの理解は正しいです。

標準解像度画像のスケールファクターは1.0で、@ 1x画像と呼ばれます。高解像度画像のスケール係数は2.0または3.0であり、@ 2xおよび@ 3x画像と呼ばれます。たとえば、100px×100pxの標準解像度@ 1x画像があるとします。この画像の@ 2xバージョンは200px×200pxです。 @ 3xバージョンは300px×300pxです。

enter image description here

詳細については、このリンクを確認してください https://developer.Apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

11
Nilesh Mahajan

はい、あなたは正しいです。ただし、Assetsを使用している場合は、3つのスロットを使用して1つのイメージですべてを実行できます。

5
Azat

資産カタログを使用します。 Xcodeは@ 1x、@ 2x、@ 3xを簡単に管理し、画像の寸法を示します。

これにより、AppIconおよびLaunchScreenの画像を簡単に管理できます。