こんにちは、picaです。
開発中のアプリのApp Storeで表示されるスクリーンショットを作成中です。
絶賛悩み中です…
このスクリーンショット、App Storeの検索結果で縦長画像だと3枚表示、横長画像だと1枚表示されます。
横長画像が良いという情報を見かけることが多い気がします。
どちらににしても、簡潔な言葉を1枚目の上部に配置して目立たせるのがセオリーみたいです。
まあ、ランキング上位アプリのスクリーンショットって、広告や知名度の影響が大きくてあまり当てにならないですけどねｗ
わたしは縦長の方が単純に面積が広いという理由で、いつものように縦長にしようかと思っています。
とてもよく見かける、2枚のスクリーンショットをまたぐタイプの画像を作るつもりです。
既におしゃれ電卓でも採用しているので初めてではないのですが、またぐタイプでは気をつけないといけないことがあります。
2つの画像の間の隙間を考慮しないと、画像に段差ができてしまうのです…
前は適当に設定していましたが、デバイスによって変わるのでちゃんと調べてみました。
iOS, all 5 appstore screenshots width (with gaps)?
どうも15ptということらしいので、ここに書かれた情報を元にChatGPTに聞いてみました。
ちなみに最近のiPhoneは460ppiが主流みたいです。
460ppi の場合、15pt のピクセル数を求めるには次の計算を行います。
計算方法
ポイント (pt) は 1 インチの 1/72 です。したがって、ポイントをピクセルに変換する式は次のようになります：
px = pt × (ppi ÷ 72)
計算
460ppi の場合で 15pt を計算すると：
px = 15pt × (460 ÷ 72) = 約 95.83px
460ppi のディスプレイでは、15pt は約 95.83px となります。
という訳で96pxでいいんじゃない？？
と思ったんですけど、よく見たらこのpt数はアプリ詳細画面における隙間みたいです。
検索結果だとまたちょっと違う…？
なんて気にし始めてもどうしようもないので96pxで作りますね！！
以上！！
ぶっちゃけメモ代わりでもあるのでこの記事も後で体裁整えます！