Page MenuHomePhabricator

The iPhone Wikipedia app has bizarre and redundant lead image rendering rules that breaks readability for many articles
Open, LowPublicBUG REPORT

Description

The iphone wikipedia app renders the lead image of articles at the top forcibly cropped to about 1 height : 1.5 width. The app then shows the exact same image again after the first paragraph without cropping, including all caption text.

Lead image rendering choices are made differently for smartphone browser rendering, which simply places the image in flow with where it is actually placed in the article. So if the lead image is at the top, it is shown in full at the top of the article

There is no reason for the app and browser teams to choose two entirely different standards for where to place the lead image and how to crop it. The arbitrary differences between the two introduce serious rendering bugs into many articles. Since the browser is used more than the app, most articles are tailored to it, at the expense of the experience in the app.

The result is that the app experience is terrible, including these defects:

  • Many lead images look like a bad bug when cropped to an arbitrary aspect ratio, such as graphs where the axis labels get trimmed off.
  • The readability of many articles is busted since the second paragraph is arbitrarily broken away from the first paragraph. Often the caption text for the image is redundant with the lead article or very lengthy. The whole article becomes unreadable this way.
  • Seeing an image twice in a row separated by 1 paragraph looks like a bug to end users.
  • Worst of all, authors of articles have these two competing standards to deal with, both produced by the wikipedia team! The more arbitrarily different design choices are made like this, the worse the quality of articles overall. It's like wikipedia developers are choosing to fragment their own platform for no reason at all.

To resolve these issues, the app team should be following the lead of the browser team when it comes to placing and cropping lead images.

Event Timeline

While I appreciate your concern and willingness to report that concern. However, this is a very strongly worded request about a long standing intentional difference in presentation between the apps (both Android and iOS use lead images) and the web. I can tell this issue is frustration for you but I'd ask you to consider whether statements like " The whole article becomes unreadable this way" and "It's like wikipedia developers are choosing to fragment their own platform for no reason at all." are helpful way to communicate your needs and concerns to us.

I'll triage this for the team to address the actual request in the course of our normal development process.

Yeah, I guess frustration seeped into the bug. That comes from spending a few hours of trying to fix articles to not look like trash in the app, then realizing it was impossible for a lot of them.

Having the app and browser render content in a different sequence and aspect ratio is really aggravating to an author. I can see the argument for having the lead image and caption be collapsible, but if so for the browser then it should also be so for the app. Forcing an image aspect ratio that's not a standard and then breaking up the flow from the first to the second paragraph without giving an author any say in the issue is really not good.

@Efbrazil: Thanks for reporting this and welcome to Wikimedia Phabricator. Please read our guidelines on wording. Thanks!

Aklapper changed the subtype of this task from "Task" to "Bug Report".Feb 17 2023, 8:21 AM
Aklapper triaged this task as Low priority.Feb 17 2023, 8:30 AM
Reedy renamed this task from The iphone wikipedia app has bizarre and redundant lead image rendering rules that breaks readability for many articles to The iPhone Wikipedia app has bizarre and redundant lead image rendering rules that breaks readability for many articles.Dec 2 2025, 5:57 PM