ガイド / X (Twitter)
X (Twitter) で綺麗に映る OGP 画像の作り方
X (Twitter) で URL をシェアしたときに表示されるカード画像は、クリック率を左右する重要な要素です。ここでは summary_large_image 用に最適化した OGP 画像を、日本語タイトルが綺麗に折り返る状態でその場で作成できます。
ツール
X 用の OGP 画像を作る
ダーク基調のプリセットを読み込み済みです。タイトルを書き換えるとプレビューが即座に更新されます。
X のカードには 2 種類ある
X のリンクカードは、メタタグの指定によって大小 2 種類の見え方になります。画像を主役にしたいなら大きい方を選びます。
summary_large_image: 横長の大きな画像が表示される形式。告知・記事のシェアはこちらが基本です。summary: 小さな正方形サムネイル。画像の訴求力は弱くなります。
推奨サイズと安全マージン
X の大画像カードは 1200 × 630 px (アスペクト比およそ 1.91:1) が扱いやすく、Facebook・LINE・Slack とも共通で使い回せます。本ツールの既定サイズもこの値です。
端が数ピクセル切り取られる場合があるため、文字やロゴは画像の端ギリギリに置かず、内側に余白を取ると安全です。
文字切れ・トリミングを防ぐコツ
- タイトルは 2 行前後に収める。長すぎると縮小されて読みにくくなります。
- 助詞が行頭に来る不自然な改行は BudouX 改行で回避できます。
- 重要な情報は中央寄りに置き、左右の端はマージンとして空けておきます。
作成手順
- タイトルを入力 — シェアされたときに一番読ませたい一文を入力します。
- テーマとフォントを選ぶ — X のタイムラインで目を引くダーク系やニュース系が扱いやすいです。
- プレビューを確認 — 1200×630 の枠で文字切れや折り返しをチェックします。
- PNG をダウンロード — 生成した画像を保存し、
og:imageに指定します。
よくあるご質問
X のカード画像の推奨サイズは?
大きい画像カード (summary_large_image) は 1200 × 630 px 前後が扱いやすく、他の SNS とも共通で使えます。
画像を設定したのに X で反映されません。
X はカード情報をキャッシュします。メタタグを更新した直後は、時間をおくか、シェアする URL にクエリを付けるなどして再取得を促してください。
作成した画像に費用はかかりますか?
いいえ。登録不要・無料で、生成した画像は商用・非商用を問わず利用できます。