페이스 북의 열린 그래프 이미지 크기를 정의하십시오

Question

인터넷을 통해이 문제에 대한 적절한 해결책을 찾으십시오. 그러나 나는 그것을 발견하지 못했습니다.

페이스 북에서 웹 페이지를 공유하려면 페이스 북 개발자 사이트에서 언급 한 것과 같이 다음과 같이 열린 그래프를 사용했습니다. 페이스 북의 벽과 메신저 애플리케이션에서 페이스 북의 게시물을 공유 1 :

<meta name="description" content="Description is here" /> 
 
     <meta property="og:image" content="http://www.example.com/images/11.png" /> 
 
     <meta name="keywords" content="Business Intelligence, Big Data, Data driven" /> 
 
     <meta name="developer" content="companyName"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

이 PNG 파일의

이미지 크기는이 코드가 제대로 1.91의 정확한 비율로 표시 796x417 픽셀

입니다.

하지만 페이스 북의받은 편지함에서 다음과 같이 1 : 1 비율로 표시됩니다 (마지막 메시지). 이 단지 공연 때문에 일부 문자가

페이스 북의받은 편지함과 페이스 북의 벽 공유에 대한 특정 비율로 해당 이미지를 볼 수있는 방법 (오픈 ​​그래프는) 거기에

누락, 이미지를 잘립니다.

예를 들어 벽 포스트의 공유 링크에 1.91 : 1 비율의 이미지와 1 : 1 비율의 다른 이미지를 사용할 수 있습니다.

Answer 1

이미지/s 및 속성을 정의 할 때 OpenGraph 사양을 자세히 따라야합니다 : http://ogp.me/#array. 그래서 선호하는 이미지를 정의한 다음 높이와를 정의한 다음 다른 이미지를 대체 이미지로 정의합니다. 시도해보고 성취 한 것을 알려주십시오. 어쩌면 이미지에 기본 높이/너비를 지정하여 가로 세로 비율을 제어 할 수 있습니다.

<meta property="og:image" content="http://www.example.com/images/11.png" /> 
<meta property="og:image:width" content="796" /> 
<meta property="og:image:height" content="417" /> 
<meta property="og:image" content="http://www.example.com/images/12.png" />