We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Open Graph - Custom Social Snippets BUG

Featured Lock Resolved Bug
Hi guys,
you have introduced the good Open Graph page feature, but I'm having back a BUG:
Using that feature I can add a 1200 x 630 pixels png image as suggested from Facebook > Twitter has no problem on rendering it because they suggest a 1200 x 600 pixels dimension and Twitter Card crop it quite well.

BUG - The problem is for WhatsApp that, as far as I see cannot resize and crop the image well. For example here the heart should not be right/left cut, or here the shopping cart should has a left/right padding space
Please, Do you have a trick to fix it ?

I investigated and seem that WhatsApp need a personalised little square image, something lie 256 x 256 pixels (someone write 400 x 400 is better) and less than 300 KB

Stable Solution
Adding a second image upload for it (small square thumbnail) that will add a second og:image tag line. WhatsApp will read always the last og:image tag

3 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
HI,
Thanks for these suggestions. It very valuable to us. I will note it down.
" BUG - The problem is for WhatsApp that, as far as I see cannot resize and crop the image well. For example here the heart should not be right/left cut, or here the shopping cart should have a left/right padding space
Please, Do you have a trick to fix it ?
"
In that case yes we have a trick. You can be fixed this type of issue by using custom CSS.For more, you can follow this blog
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
And if possible give a screenshot which portion you actually wanna change
-Best regards
Mehtaz

joomleb

More than a month ago #Permalink
Hi Mehtaz,
really many thanks for your reply! It is too simply:
- with SPPB I upload a 1200 x 630 pixels image (the best mixed solution suggested for Facebook / Twitter Cards)
- what I'm looking for is to have it back in the WhatsApp square thumbnail image centered cropped like it would be 630 x 630 pixels

Please, Can you help on it suggesting the needed Custom CSS ?

joomleb

3 weeks ago #Permalink
Hi Mehtaz,
investigating I made a lot of tests:

A - Facebook - Twitter - Instagram - Skype = The 1200 x 630 (628) pixels OG Image is resized and cropped well

B - WhatsApp = as you can see with a little attention the image is shown resized and cropped well, but the png image with the resize whatsapp work is losting all its quality. Please, Do you have a trick to solve it ?

C - Messenger = It isn't resized with a very bad result. Please, Can you help on solve it ?


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331402

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us