Swiftの画像 1× 2× 3×って、明確なサイズありますか？

Question

こんにちは。

Swiftの画像 1× 2× 3×って、決められたサイズがありますか？
どのサイズでアップロードすれば、適切なのでしょうか？

ネットで調べたのですが、見つけられませんでした。
私の検索力のなさかもしれませんが・・・

よろしくお願いします。

Comments

[miyabi_pudding]

どの部分の画像かにもよります。
アプリのアイコンの画像でしょうか？
それとも、アプリ内で使用する画像でしょうか？

[SToshi]

miyabi_takatsukさん

言葉たらずの質問ですみません。

アプリ内で使用する画像です。
ちなみに、これからのことを考えて、アプリのアイコンの画像も教えて頂ければ助かります。

よろしくお願いします。

[退会済みユーザー]

ベクターでっていうのも、よろしければ。
https://qiita.com/okamu_/items/085cfc5999db801020ff

[SToshi]

tyobigorouさん

情報ありがとうございます。

[miyabi_pudding]

tyobigorouさん >
これマジすか。
SVGとかでもいけるんですかね？
今度自分も試してみよう・・・。

Answer 1

明確なサイズはありません。
なぜなら、デバイスによって、物理ピクセルも違えば、解像度（ここでいう解像度とは、dpiないし、ppiのこと）も違うからです。

ただ、どの画像が使われるかの明確な基準はあります。
上記の通り解像度が基準となります。

• iPhone SE以下などの低解像度デバイス → 1x
• iPhone 6以上などのRetinaデバイス → 2x
• iPhone X以上や、Plus系、Max系の高解像度デバイス → 3x

（デバイスは間違っているかもしれないが、意味合いとして）

これらは、デバイス解像度によって、画像の表示詳細度が違うため、
高解像度のデバイスなのに、1x画像を表示すると、荒く見えるため、
デバイスによって、表示する画像を変えれるよう考慮された仕様です。

では、なぜ低解像度を用意するかというと、
なるたけ、動作パフォーマンスを高くするためですね。
低解像度のデバイスに高解像度の画像を表示するのははっきりいって無駄です。

では実際どういったピクセル数にすればちょうどいいかというと、

• 1x → デバイス幅375pxに対しての画像横幅px（〜iPhone SEなど）
• 2x → デバイス幅750pxに対しての画像横幅px（iPhone 6〜など）
• 3x → デバイス幅1125pxに対しての画像横幅px（iPhone X〜、iPadなど）

※ここのpx数に関しては、あくまで物理pxなので注意してください。論理pxだと話がまるで違います。
（iPhone 7と、iPhone Xは、物理ピクセルは違うが、論理ピクセルは、両機とも、375px）

を基準に考えればいいかと。

例えば、画面に対して、80%の画像横幅だったとしたら、下記のように計算します。

• 1x → 横300px
• 2x → 横600px
• 3x → 横900px

アイコンのサイズに関して

今は、Xcodeでのアイコンの指定画面にて、明確にpt数（pxで置き換えて問題ない）が記載されているので、その指示に従った画像を当てましょう。

例えば、

iPhone Notification
iOS 7 - 13
20pt

には、20ptとあるので、

• 2x → 40 x 40px
• 3x → 60 x 60px

の画像を当てます。

以上です。

Comments

[SToshi]

miyabi_takatsukさん

詳しい回答ありがとうございます。

>明確なサイズはありません。

そうなんですね。

＞実際どういったピクセル数にすればちょうどいいかというと

ちょっと複雑なような？
勉強し直してみます。

ありがとうございます。

[miyabi_pudding]

複雑ですし、複数画像用意するのはけっこうめんどうですよね　汗
迷ったら、1xに高解像度画像ボンと一個でもいいかと思います。
（ただし、そうすると低解像度・低スペックデバイスだと、動作重くなる）

[SToshi]

>1xに高解像度画像ボンと一個でもいいかと思います。
>（ただし、そうすると低解像度・低スペックデバイスだと、動作重くなる）

そうなんですね.
私の想像ですが、iPhone6以前を持っている人は少ないと思うので、
1×に750pxの画像を入れると、iPhone X以降で見ると荒く感じますかねえ？

[miyabi_pudding]

若干荒くなるかなーと思います。
でもそこまで気にならないかとは思います。
シミュレータにて、実機と実寸同じ大きさくらいになるよう調整してみてみると、多少は確認できるかなと。

[SToshi]

わかりました。
詳しい回答ありがとうございました。m(_ _)m