My question is: why image is small and how to make it big?
I have implemented linkedIn share.
For that I have added meta tags: og:title og:image og:description og:url.
Everything is working but my image is small.
Small image example
Big image example
We have asked linkedIn about that and answer was to check image aspect ratio but it is fine. And image aspect ratio is not what cause the problem.
We have tested different images (sizes, dimension, simple images, colorful images, etc). Nothing helped.
There is definitely some additional layer. We have changed the way how our server serves image and that solved our problem but we still not sure what was the issue.
It has to work well, also you might have taken care of all minute required things.
Still, I would like to help you with some insights which I think is really needed to make it work as per the LinkedIn's guideline and my experience with using it.
Info. from LinkedIn:
Below are the og: tags that must exist and their correct format:
<meta property='og:title' content='Title of the article"/><meta property='og:image' content='//media.example.com/ 1234567.jpg"/><meta property='og:description' content='Description that will show in the preview"/><meta property='og:url' content='//www.example.com/URL of the article" />
Here are the image requirements specific to the LinkedIn sharing module:
- Max file size: 5 MB
- Minimum image dimensions: 1200 (w) x 627 (h) pixels
- Recommended ratio: 1.91:1
Note: If the image meets the requirements, but it still does not appear in updates on LinkedIn, your website may be blocking us from pulling the image or the image may be located on a protected directory or website.
My Suggestion:
You might have taken good care of aspect ratio, but the catch here is the minimum dimension and the maximum allowed file size of an image that they mentioned.
I would check if I am having a minimum dimension as 1200 (w) x 627 (h) pixels.
Also, would take care of the file size, that is it must not be larger than 5 MB.
Along with these things, I would also look for if I am having META's - og:image:width and og:image:height.
Example:
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="780" />
Update:
If all of the things are set as mentioned above, you may wanna try clearing the browser's cache or try same it in an incognito(private) window.
Also, verify if you have URL encoded/decoded correctly while testing in an inspector tool or getting a preview when posting the URL.
I hope this helps you. Cheers!
I have faced the same problem on my wordpress website and blog2social plugin. all social websites like facebook, instagram, twitter are getting my post images, linkedin displays a gray box. linkedin link inspector finds the picture correctly from og:image meta tag. also my posts image size was : 1000x500 pixel. I saw that linkedin required ration 1.91:1 . so I changed my images post to 1000x525. I used to have 1170x600 but that has a problem with instagram. so I reduced the width to 1000. I don't think the problem being with image size because randomely some posts are shared with correct image. but most of the time the post do not have image.
