2016-08-23 3 views
0

Ich benutze die Facebook Open Graph, um URLs von einer Website auf der entsprechenden Facebook-Seite zu veröffentlichen. Das Hauptbild wird mit dem Open Graph-Tag og:image angegeben. Manchmal erscheinen die Bilder auf Facebook als sehr gezoomt und granular/pixelig. Bei der weiteren Betrachtung scheinen die Bilder, die schlecht zu rotieren scheinen (das ist mir aufgefallen, weil ein Lightbox-Plugin ich nicht richtig rotiere, sondern alle anderen Programme: Browser, Mac Preview, Facebook).Facebook Open Graph Bilder sind niedrige Qualität für gedrehte Bilder

Ein example page von der Website mit dem Problem (klicken Sie auf das Thema zu vergrößern und zu sehen, die Ausrichtung in dieser 3rd-Party-Bibliothek, aber das ist eine andere Sache). Dieses Problem, das ich auf Facebook beheben möchte, kann mit der Facebook Debugger against this page angezeigt werden. (Als Randbemerkung ist es richtig orientiert).

Zuerst dachte ich, ich könnte das vielleicht mit og:image:width und og:image:height beheben, aber es hatte keine Wirkung (es hat eine andere the pre-caching/crawling issue repariert).

Beachten Sie, dass die raw image URL direkt in den Debugger works fine; Das Problem tritt nur auf, wenn diese URL über die Open Graph-Tags bereitgestellt wird.

Meine eine Umgehungsidee ist es, meine Bildverarbeitungsbibliothek (Sorl-thumbnail) zu verwenden, um eine Version des Bildes zu erzeugen, die FB vielleicht besser gefällt.

Was ist die spezifische Eigenschaft dieser gedrehten Bilder, die ein Problem verursachen und wie arbeite ich um es herum?

+0

Ich habe eine harte Zeit, herauszufinden, was die eigentliche Frage hier ist. Wie auch immer, vielleicht möchten Sie einen Blick auf https://developers.facebook.com/docs/sharing/best-practices#images – CBroe

+0

@CBroe, 1. Die Frage ist (war schon) die Sache in Fettdruck am Ende mit ein Fragezeichen. 2. Dieser Link ist bereits eine zitierte Referenz in meiner Frage. –

+0

Ich habe keine Ahnung, worüber "Rotation" du hier sprichst - das Bild, das das Debug-Tool als Vorschau zeigt, ist eindeutig ein Teil des og Bildes: https://morphmarket-media.s3.amazonaws.com/media /raw_images/repterra/2016/08/20160822143729-image.jpeg - aber keine "Rotation" beteiligt, es ist nur der obere Teil des Bildes abgeschnitten und skaliert. – CBroe

Antwort