facebookにブログ記事を貼り付けた時、アイキャッチ画像サイズがめちゃくちゃデカイ(5000ピクセル超えていたら)と違う画像がでてくる

この記事は2年以上前に公開された記事です。情報が古くなっています。現在は状況が異なる可能性があります。

タイトルのままなのですが、アイキャッチ画像へうっかりデジカメの大きなサイズ(5000ピクセルオーバーのサイズ)を設定していたら、うまく画像が表示されないトラブルに出会いました。この記事は公開の2016年01月10日の時点でのfacebookの挙動に基づいて書いています。

記事のアイキャッチ画像も設定したのに、facebookへURLを貼り付けると、なぜか?違う写真、しかも、なんだかランダムな写真が3つぐらい候補になってしまうことがあり、原因を調べたら、アイキャッチ画像にデジカメ(RX-100M3)で撮影したそのままのjpegデータをアップロードしていました。

画像サイズ、5472 × 3648 ピクセル。大きすぎなサイズです。

この画像を 2000 × 1333 ピクセルにリサイズした後に、facebookデバッガーでキャッシュをクリアするとトラブルは解決しました。

アイキャッチ画像のサイズ、大きすぎるとブログ表示速度にも影響しますので、適切なサイズ、facebookの指定は少なくとも600x315px以上、推奨は1200x630pxもしくはそれ以上となっています。

なお、サイズが大きすぎる場合、og:imageのタグはきちん設定されていても、facebookデバッガー上の「og:image」画像が表示されないようです。

講座 開催予定

この記事を書いた人