#847 - Multi-DPI thumbnails

By Chris Graham
Added 26th Sep 2012, 11:24 AM
10 views

Identifier	#847
Issue type	Feature request or suggestion
Title	Multi-DPI thumbnails
Status	Completed
Handling member	Chris Graham
Addon	core
Description	When there is a W3C standard for having images with different DPIs, that is available on at least one device, then we can consider implementing thumbnails with multiple DPIs (i.e. "retina" devices get quadruple the pixel density).
Steps to reproduce
Funded?	No

The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".

Rating

Unrated

Comments

By Guest posted 14th Jun 2013, 8:48 AM

http://www.w3.org/community/respimg/

By Guest posted 14th Jun 2013, 11:08 AM

I have attached a sample implementation that works off a polyfill for something roughly matching the HTML working draft. This only works on v10.

I will now leave this issue as is. People will be able to use the sample (perhaps tweaked), and probably in a few years the spec will be finished and browser support for responsive images will have caught up with that spec.

By Guest posted 14th Jun 2013, 11:20 AM

Attachment

By Guest posted 28th Nov 2013, 4:12 PM

We are implementing multi-dpi support (retina support) for lots of default theme images, as well as attachment thumbnails.

The standards approach to this is highly contentious, as there are 6 ways different people want to do it:
- picture element
- srcn
- srcset
- interlaced high resolution images
- server awareness of which image to serve via HTTP headers
- multiple image sizes in a single file

We are implementing srcset, as Safari has this (upcoming), Chrome has this (upcoming) and the HTML5 living document has it. Unfortunately the main disagreement now is that Mozilla is backing srcn, but they aren't a major high-dpi target platform and haven't implemented it yet anyway.

I don't think many people are advocating for 'picture' now, except as a more verbose alternative on top of something else.

HTML5 arguing for srcset:
http://lists.w3.org/Archives/Public/public-whatwg-archive/2012May/0247.html

Mozilla arguing for srcn:
http://www.w3.org/community/respimg/2013/10/14/reasoning-behind-srcn-replacing-srcset-and-picture/

srcn and srcset are not very different, so if things did flip around, we could adjust our solution. I am hoping that people can agree on a compromise or set of fully supported alternatives, fragmentation of vendor support would be a huge pain.

srcset is not in mainline Safari or Chrome yet, but will be soon. So this is all future planning still.

On the CSS end, it's not a problem - we can just use media queries.