Retina.js: Render Retina Graphics & Display for your website
Retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays.
The way of Retina.js works is very smart and simple. When users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on the server. If a high-resolution variant exists, the script will swap in that image in-place.
Retina.js assumes you use Apple’s prescribed high-resolution modifier (@2x) to denote high-resolution image variants on the server.