🪧 OGP画像作成

SNSでシェアされたときに表示されるOGP画像(1200×630px)を、その場でデザインしてPNGでダウンロードできます。

デザイン設定

72px

プレビュー

📘 使い方

  1. タイトルと、必要ならサブタイトル(サイト名など)を入力します。
  2. 背景プリセット(グラデーション6種)または単色から選びます。
  3. 文字色・タイトルサイズ・枠線を調整すると、プレビューに即時反映されます。
  4. 「PNGをダウンロード」で1200×630pxのOGP画像を保存します。

❓ よくある質問

なぜ1200×630pxなのですか?

X(旧Twitter)やFacebookなど主要SNSが推奨するOGP画像の標準サイズ(アスペクト比 約1.91:1)だからです。このサイズで作っておけば、ほとんどのSNSで見切れずに表示されます。

作った画像はどう設定すればいいですか?

サイトにアップロードした画像のURLを、HTMLの head 内に <meta property="og:image" content="画像のURL"> として記述すれば、シェア時にこの画像が表示されます。

長いタイトルはどうなりますか?

横幅に収まらない場合は自動で折り返され、最大3行まで表示されます。それ以上は末尾が「…」で省略されるため、プレビューで確認しながら調整してください。