There is no live demo on the github site. Here is a nice demo found on google:
<a href="http://firegoby.com/imager-cssbackgrounds" rel="nofollow">http://firegoby.com/imager-cssbackgrounds</a>
Nice, but wouldn't work for our use case at onefinestay, for two reasons:<p>1 - We use thumbor for serving our images, so changing the width in the URL isn't enough, you also need to change the crop parameters and the anti-tamper signing part.<p>2 - We actually use different markup in places, some of our homepage slides use 2 or 4 images at desktop sizes, but only 1 at tablet and smaller.<p>What we're doing is using a modified version of picturefill.js, where we wrap each picture component in another component that controls what widths we load it at.<p>You can see it in play here: <a href="http://www.onefinestay.com/" rel="nofollow">http://www.onefinestay.com/</a>
BBC uses name of already existing npm package for their install instructions. And in issues one of the programmers I suppose suggests asking to madhums to rename original library :) Strange line of thought.
Looking through their resources the important images are all Jpegs, so I would have thought the overly compressed JPEG@2x solution would work for them. I also see a few individual PNGs, some of them individual icons, the other sprite sheets. Perhaps they'd be better off using webfonts for icons, or Base64 encoding images into the sprite sheets with SASS.<p>My gut feeling is that this solution might be more complicated than the problem.
A nice solution, but it still leaves me wanting a more native option. Word of warning, if you implement this, be sure to have a good image sitemap for search engines to digest.<p>Image Sitemap Schema: <a href="https://support.google.com/webmasters/answer/178636?hl=en" rel="nofollow">https://support.google.com/webmasters/answer/178636?hl=en</a>