Page MenuHomePhabricator

PageImages should be < 300kb for Whatsapp share support
Open, MediumPublic

Description

Per T157145#6858470, when page image thumbnails are greater than 300kb they will be ignored by Whatsapp when a Wikipedia article is shared appearing like so:

image.png (879×1 px, 482 KB)

PageImages should therefore consider the size of the thumbnail when choosing a page image or adding the og:image tag to the page.

QA steps

  1. Go to whatsapp
  2. Paste a link to a wikipedia article that has an image

Expected: image preview should appear within whatsapp

https://phabricator.wikimedia.org/T282065#7521993
https://phabricator.wikimedia.org/T282065#7522011

QA Results - Beta

ACStatusDetails
1T282065#7521993

QA Results - Prod

ACStatusDetails
1T282065#7522011

Event Timeline

Jdlrobson added a subscriber: sdkim.

@sdkim @ovasileva this task is pretty important I think for our product infrastructure but doesn't seem a good fit for the web team given our code stewardship review request for PageImages and inexperience with the extension.

Change 734584 had a related patch set uploaded (by Simon04; author: Simon04):

[mediawiki/extensions/PageImages@master] Output multiple og:image with widths 1200/800/640

https://gerrit.wikimedia.org/r/734584

Change 734584 merged by jenkins-bot:

[mediawiki/extensions/PageImages@master] Output multiple og:image with widths 1200/800/640

https://gerrit.wikimedia.org/r/734584

During testing we noticed this change improves things but doesn't fix all pages. https://en.wikipedia.beta.wmflabs.org/wiki/Dog for example is still too small even with the lower resolution

LGoto triaged this task as Medium priority.Oct 28 2021, 5:10 PM

@Jdlrobson - not sure what happened, but I think this has regressed:
Last Thursday:

Screen Shot 2021-11-10 at 2.54.15 PM.png (160×595 px, 51 KB)

Today:
Screen Shot 2021-11-10 at 2.54.33 PM.png (83×557 px, 28 KB)

Could you please paste the URL here, so I can debug it in https://developers.facebook.com/tools/debug/ ?

Could you please paste the URL here, so I can debug it in https://developers.facebook.com/tools/debug/ ?

This is the url I've been testing with https://he.wikipedia.org/wiki/%D7%90%D7%A1%D7%99%D7%94_%D7%94%D7%A7%D7%98%D7%A0%D7%94, but I also cannot get the change to show with any other url either on any wiki

Could be a problem with cached HTML but that URL is working for me:

image.png (2×1 px, 911 KB)

Want to try again?

ovasileva assigned this task to Edtadros.
ovasileva updated the task description. (Show Details)

Test Result - Beta

Status: ❌ FAIL
Environment: beta
OS: macOS Big Sur
Browser: Chrome
Device: MBP
Emulated Device: NA

Test Artifact(s):

QA Steps

Go to whatsapp
❌ AC1: Paste a link to a wikipedia article that has an image

I tried this for https://en.wikipedia.beta.wmflabs.org/wiki/Dog and the image would not come up.

RPReplay_Final1637618565 2.mov.gif (1×888 px, 2 MB)

Test Result - Prod

Status: ❌ FAIL
Environment: enwiki, hewiki
OS: macOS Big Sur
Browser: Chrome
Device: MBP
Emulated Device: NA

Test Artifact(s):

QA Steps

Go to whatsapp
❌ AC1: Paste a link to a wikipedia article that has an image

I tried this for this link and the image appeared. But when I tried it with this link, and the image would not come appear.

RPReplay_Final1637618565.mov.gif (1×888 px, 1 MB)

RPReplay_Final1637618565 3.mov.gif (1×888 px, 2 MB)

Edtadros updated the task description. (Show Details)
Edtadros added a subscriber: Edtadros.

FWIW I can see previews for both the Dog and Nina Simone article in T282065#7522011 . @Edtadros can you re-check these?

If it wasn't showing before but is showing now, it was likely not updated Meta/Facebook/Whatsapp-side. Note the tool https://developers.facebook.com/tools/debug/ tells you when the image was scraped.
The Dog article was scraped in October prior to this change

Screen Shot 2021-11-29 at 8.54.58 AM.png (278×1 px, 54 KB)

so I clicked scrape again to make that work better.

Nina was scraped on Nov 5th. https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FNina_Simone
I have now clicked "scrape again".

However, it's possible Whatsapp has its own scraper separate from this with similar cached pages.

FWIW I don't think we should QA further without understanding the Facebook code and I think this should be untagged with the board. I think the QA so far is sufficient. As detailed earlier this bug is not fixed, it's just improved.