Facebookは最近、広告とリンクの投稿の画像サイズを変更しました。これは、メタproperty="og:image"
にも影響します。 Facebookのog:image
の新しい最適サイズは何ですか?古いバージョンは正方形でしたが、新しいサイズは長方形であるため、もう収まりません。
編集:Open Graph画像サイズに関する現在のベストプラクティスは、ここで公式に概説されています: https://developers.facebook.com/docs/sharing/best-practices#images =
今日、Facebook開発者グループに投稿がありました。FBの男の1人が、画像サイズに関する新しいルールを含むPDFをアップロードしました。これは、グループのメンバーである場合にのみ利用可能、ここにアップロードしました: http://www.sendspace.com/file/ghqwhr
また、今後数日中に 開発者ブログ に投稿する予定であるため、引き続きチェックしてください。
リンクされたドキュメントを要約するには:
@CBroeが以前に投稿したPDFに依存:
現在のFacebook Standardの使用で最高のog:imageの結果(レチナ対応&トリミングなし)を得るには:
サイズ:最小1200 x 630px
比率:1.91:1
最小画像サイズ(200 x 200)を使用しており、良い結果が得られています。ご覧ください:
https://developers.facebook.com/tools/debug/og/object?q=origgami.com.br
この正方形のサイズは、facebookのコメントに表示される形式であるため、長方形よりも優れています。長方形のフォーマットはトリミングされます。
このサイズは facebook documentation にあります
フェイスブックによると ベストプラクティス このようなものです(2016)
高解像度デバイスで最高の表示を得るには、少なくとも1200 x 630ピクセルの画像を使用してください。少なくとも、600 x 315ピクセルの画像を使用して、より大きな画像を含むリンクページ投稿を表示する必要があります。画像のサイズは最大8MBです。
画像が600 x 315ピクセルより小さい場合、リンクページの投稿には表示されますが、サイズはずっと小さくなります。
また、リンクページの投稿を再設計して、画像のアスペクト比がデスクトップとモバイルのニュースフィードで同じになるようにしました。画像をトリミングせずにニュースフィードで完全な画像を表示するには、画像をできるだけ1.91:1のアスペクト比に近づけるようにしてください。
最小画像サイズは200 x 200ピクセルです。これより小さいイメージを使用しようとすると、共有デバッガーでエラーが表示されます。
ゲームアプリに使用する2つの異なる画像サイズがあります。
Open Graph Stories画像は正方形の形式で表示されます。これらのアプリの画像比率は600 x 600ピクセルである必要があります。開いていないグラフストーリー画像は長方形の形式で表示されます。 600 x 314 pxなど、1.91:1の画像比率を使用する必要があります。
Facebook.com og:imageは325x325(アスペクト比1:1、正方形)
Facebook投稿画像のアスペクト比は41:20です。
写真に適した幅と高さを見つけるには、 アスペクト比計算機 を使用できます。
ここでは、オプション「1200 x 630(Facebook)」を含む「一般的な比率:」でさまざまな比率を選択できます。写真の幅が1800の場合、その数値を「W2」スロットに挿入すると、それぞれの高さが必要です。
PDATE:画像サイズは(600 x 315px)より大きくなければなりません
Faceboookは画像の幅と高さのサイズを変更するため、image sizeは任意のサイズにできます。
投稿パーマリンクのデフォルトの高さは208px
で、幅は398px
です:
www.facebook.com/{username}/posts/{post_id}
しかし、タイムラインビューの場合:
www.facebook.com/{username}
幅は377px
で、高さは197px
です
これがお役に立てば幸いです!
1200x630の画像を機能させようとしました。 Facebookは、画像を読み取れない、または画像が小さすぎる(jpeg画像は最大150 KB)と不平を言い続けました。
200x200サイズの画像に切り替えて、完全に機能しました。
https://developers.facebook.com/tools/debug/og/object?q=drift.team
この画像のサイズは、使用する場所によって異なります。
画像の処理方法を決定するのは、WhatsApp、Facebook Messenger、Redditなどのアプリケーション次第です。正方形の画像として使用したり、1:19.1の長方形として使用したり、同じアプリケーションでも表示環境のサイズが異なる場合に異なるサイズを使用するものもあります。ルールはなく、アプリケーションがイメージをどのように処理するかを制御する方法はありません。
そのため、目的のターゲットアプリケーションでイメージをテストし、妥協点を見つける必要があります。アプリケーションはイメージをキャッシュする傾向があるため、試行錯誤のアプローチで苦労します。