PNG
シャープな文字、ロゴ、単色のグラフィックに最適なデフォルト。写真の背景のファイルは大きくなることがあります。
パブリッシュコンテキストを含むディメンション
実際のリンク カードに耐えられる OG イメージ サイズを選択してください
信頼できるクロスプラットフォームのキャンバスから始めて、重要なコンテンツをエッジクロップから保護し、習慣ではなくアートワークに基づいてフォーマットを選択します。
1200×630 が実質的なデフォルトである理由
1200×630 画像には 1.91:1 アスペクト比があり、大きな Open Graph カードの耐久性のある開始点となります。すべてのプラットフォームが同じクロップをレンダリングすることを暗示することなく、ソースの十分な詳細を提供します。
キャンバスをピクセル完璧な出力を約束するものではなく、マスター資産として扱います。カード、デバイス、実験によって端が切り取られる可能性があるため、見出し、ロゴ、顔は十分な安全領域内に保管してください。
一般的な社会イメージの出発点
各行を名前付きの配置に使用します。プロファイル ヘッダーとフィード カードは別のアセットです。
| 掲載先 | 推奨開始サイズ | アスペクト比 | 実用上の注意 |
|---|---|---|---|
| Open Graph リンクカード | 1200×630 | 1.91:1 | ページ共有用のクロスプラットフォームな基準画像です。 |
| 実用的な最小サイズ | 600×315 | 1.90:1 | 大きなカードと同じ形ですが、高密度画面では粗く見えるため、実用上の下限です。 |
| スクエアソーシャルポスト | 1200×1200 | 1:1 | フィード向けの正方形素材であり、OG リンクカードの代わりにはなりません。 |
| X プロファイルヘッダー | 1500×500 | 3:1 | リンクカードを引き伸ばさず、プロフィールヘッダーとして別に設計します。 |
| LinkedIn 企業カバー | 1128×191 | 5.91:1 | 1128×191 の企業カバー枠で、リンクカードとは切り抜き方が大きく異なります。 |
PNG、JPEG、WebP のトレードオフ
JPEG
写真やテクスチャーのあるアートワークに効果的です。小さなテキストやロゴの周囲を積極的に圧縮することは避けてください。
WebP
多くの場合、高品質で小さいファイルを組み合わせますが、ワークフロー内のすべての CMS、CDN、および宛先がそれをサポートしていることを確認してください。
サイズと安全領域プリフライト
より大きな Retina スタイルのエクスポートでは、新しいレイアウト比率は作成されません。ソースピクセルが増加するだけです。
- メインの OG アセットには、1200×630 または別の意図的な 1.91:1 キャンバスを使用します。
- 重要なテキスト、ロゴ、顔などを四隅から遠ざけてください。
- 細かい文字や微妙なコントラストが消えてしまう小さなカードサイズで画像を確認してください。
- パイプラインでより詳細なソースが必要な場合にのみ、2x Retina バージョンをエクスポートします。同じ比率を維持します。
- 導入後に最終的なパブリック URL、メディア タイプ、およびファイルのアクセス可能性を確認します。
サイズと余白のガイド
OGサイズの質問
寸法、形式、切り抜きの考え方を明確にします。
1200×630は必須ですか？
複数サービスで安定する推奨値ですが絶対条件ではありません。他のサイズは予測しにくい切り抜きが起こる場合があります。
どのファイル形式が適切ですか？
文字中心ならPNG、写真なら軽量なJPEG、公開先がすべて対応する場合はWebPが使えます。
XヘッダーとOG画像は同じですか？
いいえ。プロフィールヘッダーは横長なので、専用の1500×500テンプレートを使ってください。
計画、プレビュー、公開
正しいキャンバスで始めましょう
推奨比率でエディターを開き、余白の目安に沿って必要な形式で書き出します。