Connect IQのスクリーンショットサイズに、唯一の完璧な答えはありません。Garminアプリの掲載情報、ウォッチフェイスのプロモーション画像、ドキュメントページ、サポート記事、ローンチ投稿では、すべて画像の表示方法が異なります。
実用的な目標は、読みやすさを保ち、アップロード制限を満たし、チャネル間で一貫性のある、少数の書き出しセットを準備することです。通常、これは1つの元スクリーンショットと、いくつかの最終画像を意味します。
このガイドでは、Connect IQアプリのスクリーンショット、Garminウォッチフェイスのスクリーンショット、そして実際のGarmin BMPキャプチャから作成されたリリースアセットに焦点を当てます。
クイックサイズリファレンス
最終納品の前に、必ず最新のConnect IQアップロードダッシュボードを確認してください。ストアの要件は変更される可能性があります。現在公開されているガイダンスと開発者ディスカッションに基づくと、計画時に考慮すべき重要なサイズと制限は以下の通りです。
| アセット | 計画時に考慮すべきサイズまたは制限 | 用途 |
|---|---|---|
| ヒーロー画像 | 1440 x 720 px | ワイドなプロモーション画像、特にモバイルストアでの表示用 |
| カバー画像 / アイコン的なストア画像 | 500 x 500 px、一般的に300 KB制限が議論される | 掲載情報のカバーまたは正方形表示 |
| スクリーン画像 | JPG、GIF、またはPNG、一般的に画像あたり150 KB制限が議論される | アプリ詳細のスクリーンショット |
| デバイス上のアプリアイコン | 128 x 128 px、sRGB | デバイス上のオプションのConnect IQストアアイコン |
GarminのConnect IQブランドガイドラインでは、ヒーロー画像の寸法を1440 x 720 px、デバイス上のアプリアイコンを128 x 128 pxと定めています。現在のストアアップロードに関する開発者フォーラムの議論では、500 x 500 pxのカバー画像、300 KBのカバー/アイコン制限、150 KBのスクリーン画像制限が繰り返し言及されています。これらを実用的な制約として扱い、公開時にアップロードフォームで確認してください。
生のウォッチスクリーンショットではなく、出力先から始める
Garminウォッチのスクリーンショットは元データです。必ずしも最終アセットであるとは限りません。
生のウォッチスクリーンショットは、ウォッチの画面解像度に一致するため、多くの場合小さいです。生のキャプチャを直接アップロードすると、技術的には正確かもしれませんが、視覚的に弱くなります。引き伸ばしすぎると、ぼやける可能性があります。
より良いワークフローは以下の通りです。
- 生のBMPまたはPNGキャプチャを元データとして保持する。
- ウォッチフレームまたはクリーンなレイアウトに配置する。
- 出力先のサイズで最終画像を書き出す。
- 読みやすさを損なわずに制限を満たすよう十分に圧縮する。
ヒーロー画像: 1440 x 720
ヒーロー画像はワイドです。ウォッチのスクリーンショットを単に拡大して1440 x 720を埋めようとしないでください。制御されたレイアウトのためにスペースを活用しましょう。
- 片側または中央にフレームに入ったウォッチスクリーンショット。
- 落ち着いた背景。
- 画面が読みやすいままになるための十分なネガティブスペース。
- ローカライズ版も準備する場合にのみ、オプションでテキストを追加。
Connect IQアプリの場合、ヒーロー画像は製品を素早く説明する必要があります。ウォッチフェイスの場合、フェイスを明確に表示し、大きな装飾で画面を隠さないようにする必要があります。
カバー画像: 正方形で厳格
カバー画像はコンパクトなビジュアルサマリーとして機能します。現在のConnect IQ Storeアセットを準備する際は、500 x 500 pxなどの正方形書き出しを計画してください。
最もよくある間違いは、最終的な小さなプレビューを確認せずに、完全なウォッチフレームを正方形のキャンバスに配置することです。ウォッチが小さすぎると、ユーザーは何も読めません。大きすぎると、ベゼルが端に触れたり、切り取られたように感じられる可能性があります。
以下の要素で正方形の構図を使用してください。
- 中央に配置されたウォッチフレーム。
- 一貫したパディング。
- 高い画面の読みやすさ。
- シンプルな背景。
- テキストは最小限またはなし。
スクリーン画像: 小さなファイル制限下での読みやすさ
スクリーン画像は、ユーザーがアプリを詳しく調べる場所です。小さく、厳しく圧縮される可能性があるため、読みやすさが装飾よりも重要です。
スクリーンショットにテキスト、メトリクス、マップ、UIラインが含まれている場合は、PNGを使用してください。PNGが大きすぎる場合は、JPEGに切り替える前に、まずキャンバスサイズを小さくするか、背景を簡略化してください。
複数のスクリーン画像が必要な場合は、セットとして準備してください。
| スクリーンショットの種類 | 推奨される目的 |
|---|---|
| メイン画面 | 主要な価値をすぐに示す |
| 設定または構成 | アプリをカスタマイズする方法を示す |
| データ重視の画面 | 実際のウォッチレイアウトでの読みやすさを証明する |
| ウォッチフェイスのバリエーション | スタイルやコンプリケーションの違いを示す |
| デバイスファミリーのバリエーション | ラウンド、スクエア、AMOLED/MIPの動作を示す |
高密度なGarmin画面を縮小しすぎない
Garminのインターフェースには、小さなメトリクス、ラップフィールド、ラベル、天気予報値、ウォッチフェイスのコンプリケーションが含まれていることがよくあります。これらの詳細が消えてしまうと、スクリーンショットは製品を説明する役割を果たせなくなります。
ユーザーが実際に見るサイズで最終的な書き出しを確認してください。大きなデスクトッププレビューだけでは不十分です。画像を小さな幅で開き、電話で表示し、コアとなる画面コンテンツがまだ理解可能かどうかを確認してください。
サイズを選ぶ前に画面の形状を合わせる
サイズはConnect IQスクリーンショットの一部に過ぎません。形状も重要です。
ラウンドのスクリーンショットには、ラウンドフレームまたは円形マスクが必要です。スクエアのスクリーンショットはスクエアのままにすべきです。長方形のスクリーンショットは実際の比率を維持すべきです。洗練された書き出しでも、形状が間違っていると正確さに欠ける印象を与えます。
スクリーンショットセットの場合、デバイスを形状でグループ化してください。
- ラウンドAMOLEDウォッチ。
- ラウンドMIPウォッチ。
- スクエアまたは長方形のデバイス。
- 該当する場合、エッジまたはハンドヘルドデバイス。
次に、すべてのスクリーンショットを1つのビジュアルテンプレートに強制的に収めるのではなく、グループごとに書き出しプリセットを構築してください。
1つの元スクリーンショットから複数の書き出しを計画する
1つのGarminスクリーンショットから、複数のアセットを作成できます。
| 出力 | 使用例 |
|---|---|
| プレーンPNG | ドキュメント、サポート、バグレポート |
| フレーム付き正方形画像 | カバー画像またはプロダクトカード |
| フレーム付きスクリーン画像 | ストア詳細ページ |
| ワイド構図 | ヒーローまたはウェブサイトヘッダー |
| ロングキャンバス | ブログ、リリースノート、比較ページ |
| ソーシャル正方形 | Reddit、X、Facebook、フォーラムのローンチ投稿 |
これが、元のBMPファイルを保持し、再利用可能な書き出しプリセットを使用することが役立つ理由です。キャプチャをやり直すことなく、必要なバリエーションを生成できます。
圧縮チェックリスト
アップロード前の確認事項。
- 現在のConnect IQアップロードフォームで必要な寸法を確認する。
- UI重視の画像は最初にPNGで書き出す。
- 最終表示サイズでの読みやすさを確認する。
- ファイルサイズを確認する。
- 過度な圧縮をかける前に、背景を簡略化するか、寸法を小さくする。
- 元のスクリーンショットと書き出しプロジェクトを保持する。
圧縮は土壇場の緊急事態であってはなりません。デザインにテクスチャ、テキスト、または不要なキャンバス領域が多すぎると、小さなサイズ制限を満たすことが難しくなります。
再利用可能なConnect IQスクリーンショットサイズにJiaKe.appを使用する
JiaKe.appは、Garmin BMPスクリーンショットを再利用可能なプリセットでフレーム付き書き出しに変換するのに役立ちます。Connect IQアセットはめったに1枚の画像だけではないため、これは重要です。正方形のカバー、複数のスクリーン画像、ワイドなヒーロー画像、ドキュメント用グラフィック、ローンチ投稿用画像が必要になる場合があります。
一般的なデザインツールですべてのスクリーンショットを再構築する代わりに、元のスクリーンショットを保持し、一貫性のあるデバイスフレームを適用し、出力をプレビューし、PNGまたはJPEGバリアントを書き出すことができます。
関連するワークフローについては、Garmin BMPからPNGへ、Garminスクリーンショットフレーム、Garminウォッチのスクリーンショット保存場所を参照してください。
FAQ
Connect IQスクリーンショットに最適なサイズは？
現在のConnect IQ Storeアップロードフィールドで要求されるサイズを使用してください。ヒーロー画像は1440 x 720 px、正方形のカバー風画像は500 x 500 px、そして現在のファイルサイズ制限を下回る圧縮されたJPG、GIF、またはPNGのスクリーン画像を計画してください。
すべてのスクリーンショットに同じレイアウトを使用すべきですか？
リリースセットには同じビジュアルシステムを使用しますが、チャネルが正方形のカバー、ワイドなヒーロー画像、詳細スクリーンショット、またはソーシャル投稿を必要とする場合は、書き出し形状を調整してください。
Connect IQスクリーンショットはPNGとJPEGのどちらが良いですか？
UIテキスト、アイコン、メトリクス、またはマップを含むスクリーンショットにはPNGを使用してください。ファイルサイズがUIの正確なエッジよりも重要な、大規模なマーケティング構図にはJPEGを使用してください。
アップロード後にスクリーンショットがぼやけて見えるのはなぜですか？
元データが引き伸ばされすぎているか、圧縮が強すぎるか、サイズ制限に対して詳細が多すぎる状態で書き出された可能性があります。ウォッチ画面を読みやすい状態に保ち、フレームまたはレイアウトを使用してより大きなアセットを作成してください。
JiaKeは複数のスクリーンショットスタイルを書き出せますか？
はい。JiaKe.appはプリセットベースのフレーム付き書き出しをサポートしているため、同じGarminスクリーンショットを掲載情報、ドキュメント、プロダクトページ、ローンチ投稿用に準備できます。