オリジナル画像ジェネレーター — 無料のソーシャルカード作成ツール
Twitter、LinkedIn、Facebook向けのOpen Graphプレビュー画像を数秒で作成。4種類のテンプレート。カスタムカラー。1200×630ピクセルのPNG画像を即座にダウンロード。
カスタムOGイメージが必要な場合
ブログとコンテンツ
- ブログ記事を公開する前に、各記事のブランドプレビューを作成する
- ドキュメントページ用に、対応するOG画像を生成する
- ニュースレターアーカイブページのサムネイルを統一感のあるデザインに
- TwitterフィードやSlackで記事リンクを目立たせる
製品およびSaaS
- 各機能ページごとにブランド化されたランディングページプレビューを作成します。
- 変更履歴とリリース発表用のオリジナルイメージを生成する
- 価格、会社概要、登録ページ用のソーシャルカードを作成する
- プロフィール欄のリンクツール向けに、キャンペーン固有のプレビューをデザインする
開発者および代理店
- 動的なサーバーサイドジェネレータを実装する前に、OG画像を迅速にテストしてください。
- 動的なコンテンツのないページ用に、静的なフォールバックOG画像を作成する
- サーバーを起動せずにクライアント固有のソーシャルカードを生成する
- 異なる見出しの枠組みをA/Bテストするために、ベースラインとなるオリジナル画像をエクスポートします。
オリジナルイメージを作成する方法 ― 3つのステップ
コンテンツを入力してください
フォームにページタイトル、簡単な説明、サイト名を入力してください。入力するとプレビューがリアルタイムで更新されます。保存ボタンは不要です。
テンプレートとブランドカラーを選択してください
クリーン、ダーク、グラデーション、ブランドテンプレートからお選びください。カラーピッカーを使用して、サイトのカラーパレットに合わせたブランドカラーを設定してください。
PNGファイルをダウンロード
「ダウンロード」をクリックすると、1200×630ピクセルのPNG画像がエクスポートされます。これは、Twitter、LinkedIn、Facebookでフルブリードのリンクプレビューに必要な標準的なOpen Graph画像サイズです。
無料のOG画像ジェネレーター — オンラインでOpen Graphプレビュー画像を作成
Open Graph画像（og:image）は、Twitter、LinkedIn、Facebook、Slack、Discordなどでリンクを共有した際に表示されるプレビュー画像です。適切なサイズのog:imageがない場合、プラットフォームは汎用プレースホルダーにフォールバックし、クリック数を無駄にしてしまいます。PicsSizerのOG Image Generatorを使えば、Vercelのog画像サービスと同じライブラリであるSatoriを使用して、ブラウザ上で1200×630ピクセルのPNGソーシャルカードを作成できます。インストールやサーバーへのファイルアップロードは不要です。タイトル、説明、サイト名を入力し、4つのテンプレートから1つを選択し、ブランドカラーを設定すれば、数秒でダウンロードできます。
オープングラフ画像とは何ですか？
Open Graph (OG) は、Facebook が作成したプロトコルで、ソーシャルメディアで共有された URL の表示方法を制御します。og:image メタタグは、リンクプレビューカードに表示される画像を定義します。Twitter は、Twitter カードが指定されていない場合、twitter:image のフォールバックとして og:image を使用します。LinkedIn、Slack、Discord も og:image を読み込んで、展開プレビューを表示します。標準サイズは 1200×630 ピクセル (アスペクト比 1.91:1) で、ほとんどのプラットフォームでカードが全幅で表示されます。OG 画像が欠落しているか、サイズが正しくない場合、サムネイルが切り取られたり、ぼやけたり、欠落したりして、クリック率が大幅に低下します。
プラットフォームごとのOG画像サイズ要件
Twitterでは、summary_card_with_large_imageに1200×628～1200×630が必要です。LinkedInでは、記事投稿に1200×627を推奨しています。Facebookでは、ほとんどのリンク共有で1200×630がサポートされています。600×315未満の画像は、小さなインラインサムネイルとして表示されます。SlackとDiscordはどちらも1200×630をサポートしており、他のアスペクト比の画像は中央で切り抜きます。このツールでエクスポートされる1200×630サイズは、切り抜きなしですべての主要プラットフォームで正しく表示される安全なユニバーサルデフォルトです。
高CTRオリジナル画像を作成するためのヒント
タイトルは60文字以内にしてください。長いタイトルはプラットフォームによってはプレビューで切り詰められる場合があります。説明文は160文字以内にして、すべて表示されるようにしてください。単色またはグラデーションの背景にコントラストの高いテキストを使用すると、テキストが重ねられた写真よりも読みやすくなります。ブランドの一貫性（すべてのオリジナル画像で同じ色とフォントを使用する）により、ソーシャルフィードでの認知度が向上します。新しい画像が正しくキャッシュされていることを確認するために、展開後にTwitterのカードバリデーター、LinkedInの投稿インスペクター、Facebookの共有デバッガーを使用してオリジナル画像をテストしてください。
OGイメージジェネレーター - よくある質問
オンラインでOpen Graph画像を作成する際のよくある質問