リンクがFacebook、LinkedIn、Twitter、またはWhatsAppで共有されると、プラットフォームはページからプレビュー画像を取得し、リンクと一緒に表示します。このプレビュー画像はOpen Graph画像と呼ばれ、1200x628は、重要なコンテンツが切り取られるような方法でトリミングまたはスケーリングされることなく、これらのすべてのプラットフォームで正しく表示されるサイズです。この寸法でOG画像を設定していないウェブサイトは、リンクプレビューが壊れたように見えたり、ページからランダムな画像を使用したり、何も表示されなかったりします。ソーシャルメディアで共有されることを意図したページには、OG画像を正確に1200x628で持つことが基本的な要件です。

画像を1200x628にリサイズする方法

幅フィールドに1200、高さフィールドに628を入力します。これは約1.91：1の比率の横長フォーマットです。元の画像がすでにこの比率に近い場合は、アスペクト比を維持チェックボックスをオンにしたままにすると、きれいにスケーリングされます。元の画像が正方形または縦長の場合は、オフにして両方の寸法を入力通りに強制します。

OG画像の場合、アップロードする前に最も重要なコンテンツがフレームの中央に配置されていることを確認する価値があります。一部のプラットフォームは特定の表示コンテキストでOG画像をわずかにトリミングするため、主要なビジュアル要素を端から遠ざけておくと、リンクプレビューで切り取られるのを防ぐことができます。複数のOG画像を一度にアップロードし、完了したらZIPとしてダウンロードします。

1200x628画像の一般的な用途

ウェブサイトやブログ記事のOpen Graphメタ画像が主なユースケースです。ソーシャルメディアで共有されるすべてのページは、1200x628でOG画像を設定することでメリットがあります。Facebook、LinkedIn、WhatsAppはすべて、リンクプレビュー画像の推奨寸法としてこのサイズを使用しています。

Twitterカード画像も同様の寸法に従い、1200x628はTwitterカード形式でも機能します。メールニュースレターのヘッダー画像やリンクプレビューとしても使用されるプロモーションバナーは、単一のファイルで両方のユースケースをカバーするために、この寸法で準備されることがよくあります。

OG画像の出力形式

JPEGはOG画像の標準的な選択肢です。リンクプレビューは誰かがリンクを共有したときにオンデマンドでロードされ、より小さいJPEGファイルは同じビジュアルコンテンツのPNGよりも速くロードされます。PNGは、OG画像にテキスト、ロゴ、またはフラットカラーのグラフィック要素が含まれている場合に使用する価値があり、クリーンなレンダリングがファイルサイズよりも重要です。WEBPはOG画像に対してますますサポートされていますが、JPEGはリンクプレビューを表示するすべてのプラットフォームで最も広い互換性のために最も安全な選択肢です。