Chrome Web Store スクリーンショットが重要な理由

Chrome Web Store のスクリーンショットは、拡張機能のリストを閲覧する際に、ユーザーが最初に目にするビジュアル印象です。Google では最大 5 つのプロモーション画像を推奨解像度 1280×800 ピクセルで許可しています。明確なヘッドライン、ブランドカラー、デバイスモックアップを備えた適切に設計されたスクリーンショットは、ユーザーがダウンロードを決定する前に拡張機能の機能を表示することで、インストール率を大幅に向上させることができます。多くの成功した拡張機能は、生のスクリーンショットだけでなく、実際の UI キャプチャとプロモーションテキスト、洗練された背景を組み合わせた注釈付きスクリーンショットを使用しています。

ツールの説明

このツールを使用すると、デザインソフトウェアなしで Chrome Web Store リストアップ用のプロフェッショナルでアップロード可能なプロモーションスクリーンショットを作成できます。拡張機能のスクリーンショットをアップロードし、ヘッドラインとサブタイトルを追加し、レイアウトテンプレートを選択して、背景、タイポグラフィ、デバイスフレームをカスタマイズします。結果は Chrome Web Store のサイズ要件を満たし、PNG または JPEG としてダウンロードできるピクセルパーフェクトな画像です。

機能

  • プリセットおよびカスタムサイズ - Chrome Web Store（1280×800）、HD、Full HD を選択するか、カスタム寸法を入力します
  • レイアウトテンプレート - テキストと画像を 4 つの配置で配置：スクリーンショットの上、下、左、または右
  • ブラウザデバイスフレーム - スクリーンショットを macOS スタイルのトラフィックライトボタンとアドレスバー付きのリアルなブラウザフレームでラップします

オプションの説明

オプション 説明
出力サイズ 定義済みサイズ（1280×800、1280×720、1920×1080）またはカスタム幅と高さ
テンプレートレイアウト テキストと画像を配置するクイックプリセット：上下または左右の分割
デバイスフレーム スクリーンショットをブラウザフレームでラップするか、フレームなしで表示します
テキスト配置 ヘッドラインとサブタイトルの垂直および水平配置、ピクセルオフセットを制御します
画像配置 スクリーンショットの垂直および水平配置、ピクセルオフセットを制御します
スクリーンショットスケール スクリーンショットを利用可能な領域の 30% から 100% にリサイズします
背景タイプ 単色または 2 色間の線形グラデーション
グラデーション方向 垂直、水平、斜めを含む 6 つの方向
フォント System UI、Arial、Georgia、モノスペースオプションを含む 8 つのフォントファミリー
フォントウェイト Regular（400）から Black（900）までの 6 つのウェイト
ヘッドライン / サブタイトルフォントサイズ ヘッドライン（24～160 px）とサブタイトル（16～100 px）の独立したサイズスライダー
サブタイトル不透明度 サブタイトルの表示方法を制御します（20～100%）
フレームカラー ブラウザデバイスフレームが選択されている場合、ブラウザフレームの色を設定します
シャドウを表示 スクリーンショットまたはデバイスフレームの背後にドロップシャドウを切り替えます
角を丸くする デバイスフレームを使用しない場合、スクリーンショットに角を丸くします
出力形式 PNG（ロスレス）または JPEG（ファイルサイズが小さい）としてエクスポートします

ヒント

  • 微妙な色の違いを持つグラデーション背景を使用してプロフェッショナルな外観を実現します。大きな色の跳躍はスクリーンショット自体から注意をそらす可能性があります
  • ヘッドラインは短く（3～5 語）保ち、フォントサイズを大きくして、Web Store の検索結果のサムネイル規模で読みやすくします
  • ブラウザフレームを使用する場合、フレームカラーを背景と一致させてシームレスな外観を実現します
  • Chrome Web Store にアップロードする場合は PNG として最大品質でエクスポートします。他の目的でより小さいファイルが必要な場合のみ JPEG を使用します