title: How to share same image on messenger and facebook via meta tags Angular?
body: <p>I am dealing with problem of sharing same image on messenger and facebook in Angular PWA app. Whole thing is done using  tags in html. The problem is in size of image, the photo is in recommended size for Facebook 1200x630px and it shows correct. While i am sharing it via messenger it is cut, maybe there should be another image or I didnt configure it correctly. I also set width and height of image using meta. 
  Here's code:</p>
  
  <pre><code>  &lt;meta property="og:title" th:content="${title}"&gt;
    &lt;meta property="og:url" th:content="${url}" /&gt;
    &lt;meta property="og:type" content="website" /&gt;
    &lt;meta property="og:site_name" content="here is site name" /&gt;
    &lt;meta property="og:image" content="here is photo url" /&gt;
    &lt;meta property="og:image:width" content="600" /&gt;
    &lt;meta property="og:image:height" content="314" /&gt;
    &lt;meta property="fb:app_id" content="here is facebook app id" /&gt;
  </code></pre>
  
  <p>I have a component with shared buttons and messenger is using function from FB docs.</p>
  
  <pre><code>shareOnMessenger() {
  window.open('fb-messenger://share?link=' + encodeURIComponent(this.detailedViewURL) + '&amp;app_id=' + encodeURIComponent(this.facebookMetaTag.content));
  </code></pre>
  
  <p>} </p>