OGP画像ジェネレーター（1200 x 630）

OGP画像ジェネレーター

OGP画像ジェネレーター：1200 x 630のシェア画像をブラウザーで作成 | We.Inc

ページがシェアされたときに表示される画像を作成します。テンプレートを選び、タイトル、ロゴ、ブランドカラーを加え、X、LinkedIn、Slack、iMessageのカードとしてプレビューしてから、1200 x 630のPNGとメタタグをダウンロードできます。

Open Graph画像の標準サイズは1200 x 630ピクセルです。縦横比は1.91対1で、Facebook、LinkedIn、X、Slack、各種メッセージアプリのいずれでもきれいに表示されます。下のテンプレートを選んでタイトルを入力し、ロゴとブランドカラーを追加してプレビューを確認したら、PNGをダウンロードしてog:imageのメタタグをコピーしましょう。

プラットフォーム別のシェア画像サイズ

4種類のテンプレートを、ブラウザー内のcanvasでぴったり1200 x 630に描画します。ロゴが端末の外に送信されることはありません。プレビューでは各アプリでのおおよそのトリミングを確認でき、メタタグはそのままページのheadに貼り付けられます。

よくある質問

OGP画像の最適なサイズは？

1200 x 630ピクセルです。高解像度ディスプレイ向けのMetaの推奨を満たし、LinkedInの1200 x 627にも近く、Xの大きい画像カードにも対応するため、1つのファイルですべてをカバーできます。文字の多いデザインはPNG、写真はJPGで保存し、サイズは5 MBより十分小さく抑えましょう。

Twitterカード用に別の画像が必要ですか？

通常は不要です。Xはtwitter:imageがない場合、og:imageを代わりに使います。ただし小さなサムネイルではなく大きなプレビューを表示するには、twitter:cardメタタグをsummary_large_imageに設定する必要があります。

古い画像が表示されたままなのはなぜですか？

各プラットフォームがプレビューをキャッシュしているためです。MetaのSharing Debugger、LinkedInのPost Inspectorを使うか、単に画像のファイル名を変えれば、新しく取得させられます。Slackやメッセージアプリは独自のタイミングで更新されます。

ページごとに画像を自動で作れますか？

はい、各ページのタイトルから画像を生成するサーバーサイドの画像レンダラーを使えば可能です。このツールは、テンプレートのデザインや、重要なページ向けに厳選した画像を作るためのものです。

クリックされるシェア画像の条件

正しく機能しているか確認する

大見出し

中央揃え

ロゴ付き分割

記事カード

画像をデザインする

テンプレート

タイトル（{n}文字）

タイトルの下の一文

サイト名またはURL

背景

文字

ロゴをアップロード

ロゴを削除

シェア画像：{title}

PNGをダウンロード（1200 x 630）

シェアしたときの見え方（目安）

メタタグ

画像をアップロードする先のフルURL

メタタグをコピー

ページの読み込み時間を半分にした方法

5つの変更と、その前後の計測結果。

無料で始める · クレジットカード不要

関連: 無料ツール｜ビジネス向け計算・生成ツール

製品

ご利用いただける方

機能

リソース

会社情報

サイトマップを見る