A jQuery plugin for swapping out images with images scaled for retina displays.Retina based devices (iPhones, iPads, and soon many more mobile devices and desktops) make images look pretty crummy. A fix to this is to swap out the image for one that is twice the size. For example, if your image is 300px wide and 200px tall, you’ll want to display an image that is 600px wide and 400px tall – even though it still takes up 300x200px of screen real estate.
There are a number of scripts that already do this. However, they didn’t provide me the file name flexibility that I required. I wanted a script that would work on platforms like Drupal, WordPress as well as custom systems.