エージェント向け Polysh を早期アクセスで提供中。コーディングエージェントがデモを録画し、Polysh が仕上げます。 ウェイティングリストに登録 →

製品スクリーンショットジェネレーター

製品のスクリーンショットの上に見出しを入れた、ローンチ用の機能紹介画像を作れます。

ブラウザツールを読み込んでいます…

製品スクリーンショットジェネレーターでできること

機能の告知、ランディングページのセクション、Product Hunt のギャラリーでは、短い見出し 1 つとスクリーンショット 1 枚を組み合わせるのが一般的です。「見出し」を入力して背景を選ぶと、テキストの下にスクリーンショットを中央に置いた 16:9 のキャンバスにレイアウトされます。見出しが画像の幅の 90% を超える場合は、自動で縮小されます。

見出しの文字は、暗い背景では白、明るい背景では黒に近い色になるため、どの色見本を選んでも読みやすく保たれます。「見出し」を空欄にすると、文字なしの枠付きスクリーンショットになります。見出しが不要なら、きれいなスクリーンショットメーカーを使えば、同じ枠をより少ない設定で作れます。

例

選ぶもの

1440 × 900 px のスクリーンショット
見出し:自動で回る請求管理(既定値)

ダウンロード

screenshot-beautified.png
2245 × 1263 px、16:9、ミントのグラデーションでスクリーンショットの上に見出し

余白 8% と見出しのスペースで、キャンバスの高さは 1263 px になります。16:9 なので幅は 2245 px です。

製品スクリーンショットジェネレーターの使い方

  1. 「ファイルを選択」をクリックするか、製品のスクリーンショットを貼り付けます。
  2. 「見出し」を入力し、「背景」を選んで「余白」を設定します。
  3. フィードに合わせて「その他のオプション」で「出力サイズ」を 1:1 か 4:5 に変え、「.png をダウンロード」をクリックします。

知っておきたいこと

  • 見出しは 1 行だけで、太字のフォント 1 種類です。小見出し、ボタン、ロゴの枠はありません。ロゴは後からスクリーンショットにロゴを追加で追加してください。
  • 長い見出しは折り返されずに縮小されるため、およそ 8 語を超えると小さくなります。
  • 見出しはスクリーンショットの上に置かれます。下や横には置けません。

製品スクリーンショットジェネレーターについてよくある質問

製品ローンチの画像はどのサイズにすればよいですか?

Product Hunt のギャラリーの推奨サイズは 1270 × 760 px で、多くのリンクプレビューには 1200 × 675(16:9)か 1200 × 627 が合います。ここで書き出す画像はそれより大きいため、プラットフォームが縮小しても鮮明に保たれます。

製品スクリーンショットの見出しはどのくらいの長さがよいですか?

3〜6 語です。機能ではなくメリットを書きます。「新しい請求書自動化の設定ページ」より「自動で回る請求管理」のほうが伝わります。短い見出しは、フィードのサムネイルでも大きく読みやすいまま保たれます。

App Store や Google Play のスクリーンショットに使えますか?

ストアの掲載画像はデバイスごとに正確なピクセルサイズが求められるため、それに合わせたサイズにはなっていません。ウェブと SNS の画像向けのツールです。スマートフォンの枠が必要なら、スマートフォンモックアップを使ってください。