4種類のフォトリアルな3Dデバイスフレーム、本体比率はすべて実際のミリ寸法から。

なぜ20種類ではなく4種類なのですか？

App Store Connectが現在の申請に要求するスクリーンショットの寸法は、6.9" iPhone（1320 × 2868）と13" iPad（2064 × 2752）のたった2種類だけです。それ以外の小さいサイズクラスには、Appleが自動でスケールします。Playが求めるのは、スマホとタブレットそれぞれ1台分です。そこで、両ストアを完全にカバーする4種類を用意しています — iPhone 16 Pro Max、iPad Pro 13"、Galaxy S25 Ultra、Galaxy Tab S9 Ultra、それぞれのクラスで最大のモデルです。多くのジェネレーターが20種類以上のフレームを搭載しているのは、機能一覧で見栄えを良くするためです。フレームを絞り込んで精度を高めるほど、「本体比率がわずかにずれている」といった細かな不具合は減り、不要なものもなくなります。

なぜ「リアル」にこだわるのですか？

App Storeのスクリーンショットは等倍では表示されません — ほとんどのユーザーは200pxのサムネイルとして見ています。比率がわずかにずれたフレームは、そのサムネイルで「ありきたりのストックテンプレート」に見えてしまいます。本体比率は実際のミリ寸法から算出しています（iPhone 16 Pro Maxは163.0×77.6mm → 2.101）。ベゼルは物理モデルより約5%厚めにして、サムネイルサイズでもデバイスとしてはっきり認識できるようにしています。

選択できるデバイス

iPhone：16 Pro Max（6.9"）。
iPad：Pro 13"（M4）。
Android：Galaxy S25 Ultra（スマホ）、Galaxy Tab S9 Ultra（タブレット）。

Auto と固定

各デバイスレイヤーは Auto（選択中のエクスポートサイズに追従 — iPhone 6.9"から6.5"に切り替えると Auto のデバイスも自動的に変形）または特定フレームへの固定のいずれかに設定できます。デフォルトは Auto です。デザイン上、特定モデルを使う必要がある場合は固定してください（例：iPad専用機能をiPhoneパネルと並べて見せたいときなど）。

チルトと奥行き

各デバイスはWebGLでブラウザ上にリアルタイムレンダリングされるフォトリアルな3Dモデル（GLB形式）です。X軸・Y軸のチルトに対して、照明・反射・シャドウがリアルタイムで変化します。SVGの透視投影とは異なり、実際のメッシュを回転させているため、プロの3Dレンダリングと同等のクオリティがブラウザから即座に得られます。追加の書き出し工程は不要です。

新しいデバイスが加わるタイミング

AppleまたはGoogleが、スクリーンショットの寸法に実質的な影響を与える新しいサイズクラスを発売したとき（たとえば新しいサイズのiPad Pro）に追加します。フレーム数を増やすだけの目的では追加しません — メンテナンスコストが積み重なるだけで、ストアへの申請内容は何も変わらないからです。

デバイスごとのモックアップジェネレーター

各フレームには専用のジェネレーターページがあります — スペック、正確なスクリーンショットサイズ、手順のガイド、そのデバイス特有のよくあるミスを掲載しています：

エディタを開く →