Retina Image Support

[joshkay]

I think it would be great to add retina support. I think this could be done using a plugin rather than written into core?

 

Perhaps we can start a discussion about developing it here if people are interested?

 

I guess that the plugins already have access to the viewport information since some of this is available to the Delivery Limitations Plugin. Then you'd need to scale a copy of the image when the user uploads a double-resolution image producing two copies, one with @2x appended to the basename. Then when a request comes in the server would check the viewport (fallback?) and serve the correct image.

 

Josh

[andrewatfornax]

Why not just have multiple banners, with appropriate delivery limitations set?

[joshkay]

Sorry, wasn't subscribed to updates.
 
Yes, I could do that but the image tag/CSS also has to be updated, otherwise the image will just appear at twice the size.
 
Ideally it would simply add the attribute

data-src2x="[email protected]"

to the image tag, alongside the link to the original source.

[fatmarker]

I would also like this feature.

[andrewatfornax]

Ah, okay, I see - shows you how little work I've done (i.e. none) for Apple devices. Sounds like something for us to add on the roadmap. Thanks.

[bmanke]

I second (or third) this feature request! :)

I'm currently trying to get retina images to display in an app on iOS/Android. Using CSS to display retina images works great on websites, but isn't as successful in apps (so far). Does anyone have any workarounds for displaying retina images at this point?