Page MenuHomePhabricator

MobileFrontend image thumbnails, rendered math, etc gets upscaled on iPhone Retina display and hdpi Android
Closed, ResolvedPublic

Description

Screenshot on Nexus 1, Android 2.3.6, Android stock browser

Same basic issue as bug 32095 which covers MobileFrontend-specific UI elements.

Thumbnail images, math renderings, etc get used at resolutions matching CSS pixels, which traditionally matches physical screen pixels on desktop browsers and many older phones.

Many newer phones have higher-resolution displays: iPhone 4's 320dpi Retina display; 240dpi "hdpi" on many Android phones including the Droid, Nexus 1 and Nexus S, and the upcoming Nexus Galaxy will also have a 320dpi-ish display.

This causes the images to be upsampled, showing either blurry or blocky, and is particularly noticeable for diagrams with clean lines and math equations which are meant to look as good as surrounding text.

CSS media queries can be used to get the display resolution -- you WILL NOT be able to reliably guess that on the server side from User-Agent data --


Version: unspecified
Severity: enhancement

Attached:

device-2011-10-31-115727.png (800×480 px, 77 KB)

Details

Reference
bz32096

Related Objects

StatusSubtypeAssignedTask
ResolvedNone
ResolvedNone
InvalidNone
InvalidNone
ResolvedPhysikerwelt
ResolvedReedy
ResolvedNone
Declined brion
InvalidNone
DeclinedNone
ResolvedNone
Resolved brion
Resolved brion
Resolved brion
ResolvedNone
ResolvedNone
InvalidNone
DeclinedPhysikerwelt
DeclinedPhysikerwelt
DeclinedPhysikerwelt
DeclinedPhysikerwelt
ResolvedNone
InvalidNone
ResolvedNone
ResolvedNone

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 12:03 AM
bzimport set Reference to bz32096.
bzimport added a subscriber: Unknown Object (MLST).

Created attachment 9334
Screenshot in iOS 5 simulator set to iPhone w/ Retina display

Attached:

iOS_Simulator_Screen_shot_Oct_31,_2011_11.58.17_AM.png (960×640 px, 99 KB)

Replacing dep on bug 32697 (use high-res raster images for math) with use of MathJax (bug 31406). It renders lovely on Android & iPhone browsers that have the high-res stuff.

Is this still relevant? It's almost a year old..

Still relevant, not much has changed in the situation other than more phones are shipping with higher-resolution screens, and some laptops are as well.

MathJax is enabled as a user option for math, but probably doesn't work in MobileFrontend and since it's not the default it doesn't reach typical readers anyway.

Other content images are still served at 1.0x resolution and appear blurry on high-res screens.

Let's merge this in with bug 36198 though, and not worry about math just now.

  • This bug has been marked as a duplicate of bug 36198 ***