Highres Images

Component ID

1964040

Component name

Highres Images

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

Image effect that saves images at double the resolution they'll be displayed while keeping the file size small. Good for both highres (Retina) and normal displays: http://blog.netvlies.nl/design-interactie/retina-revolution/

https://github.com/RaspberryBlack/Highres-Images.git

This is mostly taken from the image examples module and probably has a lot of "leftovers" still in there.
At the moment it works the other way around than I had intended: it shows images at half the size they're saved at; so you'd have to specify double the dimensions in your image style. No good.
Any help much appreciated!

So why this module?
Currently most solutions (retina.js etc) try to serve "big" images to highres displays and "small" images to others. Some (including retina.js) even double the load for highres devices because they only swap out normal for highres images after the normal images have already loaded.
So this guy figured that you can use higher compression to serve the same images to highres & normal devices without compromising on perceived quality or increasing the file size. Simple and elegant, just the way I like it :)