🪧 OGP画像作成
SNSでシェアされたときに表示されるOGP画像(1200×630px)を、その場でデザインしてPNGでダウンロードできます。
デザイン設定
72px
プレビュー
📘 使い方
- タイトルと、必要ならサブタイトル(サイト名など)を入力します。
- 背景プリセット(グラデーション6種)または単色から選びます。
- 文字色・タイトルサイズ・枠線を調整すると、プレビューに即時反映されます。
- 「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行まで表示されます。それ以上は末尾が「…」で省略されるため、プレビューで確認しながら調整してください。