facebook messenger og:image cropping
up vote
1
down vote
favorite
I have some issues with my website image preview when I share my website as private message on Facebook (in messenger not Facebook post). In my html homepage I use og:image and I tested with two different image (obviously not in the same time) size 200x200 and 600x315 (I also try by specify the width and height with og:image:width and og:image:height but nothing change).
When I share the website link (with 200x200 image) on facebook messenger (as private message in chat to a friend) I obtain on desktop a preview (in the small chat on bottom or directly in messenger) with my website description on the right and my website image not cropped on the left and this is correct due to using an image small than 600x315. On messenger mobile instead I see the image cropped on top and the description on bottom and this bad.
Then I try, as recommend by facebook, to use an image 600x315 and in this case the result got worse because on desktop I see in the small chat the website description on the right and the image cropped on the left and If I open messenger I see a large image not cropped on top and the description on bottom. On messenger mobile instead I see the image cropped on top and the description on bottom.
html facebook
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
asked Mar 3 at 15:18
lausent
588
add a comment |
up vote
1
down vote
favorite
I have some issues with my website image preview when I share my website as private message on Facebook (in messenger not Facebook post). In my html homepage I use og:image and I tested with two different image (obviously not in the same time) size 200x200 and 600x315 (I also try by specify the width and height with og:image:width and og:image:height but nothing change).
When I share the website link (with 200x200 image) on facebook messenger (as private message in chat to a friend) I obtain on desktop a preview (in the small chat on bottom or directly in messenger) with my website description on the right and my website image not cropped on the left and this is correct due to using an image small than 600x315. On messenger mobile instead I see the image cropped on top and the description on bottom and this bad.
Then I try, as recommend by facebook, to use an image 600x315 and in this case the result got worse because on desktop I see in the small chat the website description on the right and the image cropped on the left and If I open messenger I see a large image not cropped on top and the description on bottom. On messenger mobile instead I see the image cropped on top and the description on bottom.
html facebook
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
asked Mar 3 at 15:18
lausent
588
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I have some issues with my website image preview when I share my website as private message on Facebook (in messenger not Facebook post). In my html homepage I use og:image and I tested with two different image (obviously not in the same time) size 200x200 and 600x315 (I also try by specify the width and height with og:image:width and og:image:height but nothing change).
When I share the website link (with 200x200 image) on facebook messenger (as private message in chat to a friend) I obtain on desktop a preview (in the small chat on bottom or directly in messenger) with my website description on the right and my website image not cropped on the left and this is correct due to using an image small than 600x315. On messenger mobile instead I see the image cropped on top and the description on bottom and this bad.
Then I try, as recommend by facebook, to use an image 600x315 and in this case the result got worse because on desktop I see in the small chat the website description on the right and the image cropped on the left and If I open messenger I see a large image not cropped on top and the description on bottom. On messenger mobile instead I see the image cropped on top and the description on bottom.
html facebook
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
asked Mar 3 at 15:18
lausent
588
I have some issues with my website image preview when I share my website as private message on Facebook (in messenger not Facebook post). In my html homepage I use og:image and I tested with two different image (obviously not in the same time) size 200x200 and 600x315 (I also try by specify the width and height with og:image:width and og:image:height but nothing change).
When I share the website link (with 200x200 image) on facebook messenger (as private message in chat to a friend) I obtain on desktop a preview (in the small chat on bottom or directly in messenger) with my website description on the right and my website image not cropped on the left and this is correct due to using an image small than 600x315. On messenger mobile instead I see the image cropped on top and the description on bottom and this bad.
Then I try, as recommend by facebook, to use an image 600x315 and in this case the result got worse because on desktop I see in the small chat the website description on the right and the image cropped on the left and If I open messenger I see a large image not cropped on top and the description on bottom. On messenger mobile instead I see the image cropped on top and the description on bottom.
html facebook
html facebook
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
asked Mar 3 at 15:18
lausent
588
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
asked Mar 3 at 15:18
lausent
588
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
edited Mar 3 at 15:20
Billal Begueradj
5,616132637
5,616132637
asked Mar 3 at 15:18
lausent
588
asked Mar 3 at 15:18
lausent
588
asked Mar 3 at 15:18
lausent
588
588
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f49085682%2ffacebook-messenger-ogimage-cropping%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
