2016-08-23 16 views
0

私はFacebook Open Graphを使用して、WebサイトのURLを対応するFacebookページに公開します。メイン画像は、Open Graphタグog:imageを使用して指定します。ときには、画像が非常にズームインされ、細かく/ピクセル化されてFacebookに表示されることがあります。さらに検討すると、画像が回転していないように見えます(私が使っているLightboxプラグインが正しく回転していないので気がつきましたが、他のすべてのソフトウェア:ブラウザ、Macプレビュー、Facebookがあります)。回転画像のFacebook Open Graph画像の画質は低い

example page問題が発生したサイト(クリックしてズームし、そのサードパーティ製ライブラリのオリエンテーションの問題を参照してくださいが、別の問題です)。 私がFacebookで解決しようとしているこの問題は、Facebook Debugger against this pageを使って見ることができます。(注釈として、それは正しく指向している)。

私はおそらくこれをog:image:widthog:image:heightで修正できると思っていましたが、効果がありませんでした(別のthe pre-caching/crawling issueを修正しました)。

raw image URLをデバッガworks fineに直接提供することに注意してください。この問題はOpen GraphタグでこのURLを指定する場合にのみ発生します。

私の1つの回避策は、画像処理ライブラリ(sorl-thumbnail)を使用して、FBがより好きかもしれない画像のバージョンを生成することです。

問題を引き起こすこれらの回転イメージの具体的な特徴は何ですか?どのように回避できますか?

+0

実際の質問がここにあるかどうかはわかりません。とにかく、あなたはhttps://developers.facebook.com/docs/sharing/best-practices#images – CBroe

+0

@CBroe、1を見てみたいかもしれません。質問は最後に太字で書かれています。疑問符。 2.私の質問では、そのリンクはすでに引用された参考文献です。 –

+0

デバッグツールがプレビューとして表示する画像は、あなたが指定したog:画像の一部分であることを示しています。https://morphmarket-media.s3.amazonaws.com/media /raw_images/repterra/2016/08/20160822143729-image.jpeg - 「回転」は含まれていませんが、それはクロッピングされた画像の上部だけです。 – CBroe

答えて