OpenTechSchool / websitenext

OpenTechSchool website
https://www.opentechschool.org
8 stars 6 forks source link

crop social image with recommended size for whatsapp and facebook #142

Open gsambrotta opened 4 years ago

gsambrotta commented 4 years ago

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.

vercel[bot] commented 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

xMartin commented 4 years ago

@gsambrotta can you elaborate your idea behind the new image content and format?

gsambrotta commented 4 years ago

@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.

Twissi commented 4 years ago

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.

shareing-image2