これは、アプリで表示したいものの基本的な例です。
bg画面全体に収まる必要がある背景画像ですleft画面の左半分の幅に収まる画像です。その幅/高さの比率は正方形ですright画面の右半分の幅に収まる画像です。その幅/高さの比率は正方形です
iPhone 6 より前は、次のものが提供されていました。
+----------------+------------+-------------+--------------------+
| Asset name | Width (px) | Height (px) | Devices |
+----------------+------------+-------------+--------------------+
| bg.png | 320 | 480 | iPhone 3GS |
| bg@2x.png | 640 | 960 | iPhone 4 |
| bg-568h@2x.png | 640 | 1136 | iPhone 5 |
+----------------+------------+-------------+--------------------+
| left.png | 160 | 160 | iPhone 3GS |
| left@2x.png | 320 | 320 | iPhone 4, iPhone 5 |
+----------------+------------+-------------+--------------------+
| right.png | 160 | 160 | iPhone 3GS |
| right@2x.png | 320 | 320 | iPhone 4, iPhone 5 |
+----------------+------------+-------------+--------------------+
新しい iPhone 6 / 6 plus width では、どのようなアセットを提供し、どのように名前を付ける必要がありますか? ポイントの数が奇数であることを考えると、iPhone 6 (または 6 プラスズームモード) の「半分の幅」をどのように定義すればよいでしょうか?
ここに提案がありますが、それが一般的な慣行に本当に合っているかどうかはわかりません:
+-------------------+------------+-------------+----------------------------------------+
| Asset name | Width (px) | Height (px) | Devices |
+-------------------+------------+-------------+----------------------------------------+
| bg.png | 320 | 480 | iPhone 3GS |
| bg@2x.png | 640 | 960 | iPhone 4 |
| bg-568h@2x.png | 640 | 1136 | iPhone 5, iPhone 6 zoom mode |
| bg-667h@2x.png | 750 | 1334 | iPhone 6 |
| bg-667h@3x.png | 1125 | 2001 | iPhone 6 plus zoom mode |
| bg@3x.png | 1242 | 2208 | iPhone 6 plus |
+-------------------+------------+-------------+----------------------------------------+
| left.png | 160 | 160 | iPhone 3GS |
| left@2x.png | 320 | 320 | iPhone 4, iPhone 5, iPhone 6 zoom mode |
| left-375w@2x.png | 375 | 375 | iPhone 6 |
| left-375w@3x.png | 562 | 563 | iPhone 6 plus zoom mode |
| left@3x.png | 621 | 621 | iPhone 6 plus |
+-------------------+------------+-------------+----------------------------------------+
| right.png | 160 | 160 | iPhone 3GS |
| right@2x.png | 320 | 320 | iPhone 4, iPhone 5, iPhone 6 zoom mode |
| right-375w@2x.png | 375 | 375 | iPhone 6 |
| right-375w@3x.png | 563 | 563 | iPhone 6 plus zoom mode |
| right@3x.png | 621 | 621 | iPhone 6 plus |
+-------------------+------------+-------------+----------------------------------------+
@2x スケールでの 375 ピクセル、および @3x スケールでの 562 または 563 ピクセルは、ポイントでの有効な測定値ではないことに注意してください。整数値を保持するための最良の方法は、374/376 @2x および 561/564px @3x です...