Open gsambrotta opened 4 years ago
This pull request is being automatically deployed with Vercel (learn more). To see the status of your deployment, click below or on the icon next to each commit.
🔍 Inspect: https://vercel.com/opentechschool/websitenext/c1nf6oz28 ✅ Preview: https://websitenext-git-fix-social-image.opentechschool.now.sh
@gsambrotta can you elaborate your idea behind the new image content and format?
@xMartin not so much to share here. I did some research and i found that most of the people optimize for whatsapp since is the social that required the smallest sizes, which are still compatible with the other socials. And since thought that the image required is more in the square direction then rectangular, (265px x 265px) i cut away some part of the image.
I think having the text is nice but is not mandatory. When shared on small screen is not readable anyway also the image is shown next to the page title and description which are more explanatory the copy in the image I have notice many big company don't use any text in their thumbnail.
I'd like to try something that works for facebook/twitter and whatsapp. I'd assume that whatsapp is cropping and scaling the image down.
Issue https://github.com/OpenTechSchool/websitenext/issues/136
Unfortunately we cannot really test it since is an absolute URL. We can just see here: https://websitenext-git-fix-social-image.opentechschool.now.sh/sharing-images/website-into-sharing.png that the pic is less then 250px width or heigh and that the file size is less then 300KB which is the smallest size required for Whatsapp.