public
Created

This gist allows you to serve proper images according to the resolution of the window.

  • Download Gist
Retina goodie.js
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
/* Server side check if there is a cookie that defines
devicePixelRatio, if not, serve this javascript */
 
//Does it support it? no, default to 1;
if (window.devicePixelRatio === undefined) {
window.devicePixelRatio = 1;
}
 
//Setup cookie date.
var now = new Date();
var time = now.getTime();
time += 10*24*365*3600 * 1000; //10 Years
now.setTime(time);
 
//Set the cookie
document.cookie = "devicePixelRatio="+window.devicePixelRatio+";path=/;expires="+now.toGMTString();
 
//Reload the page
window.location.reload();
 
/* Now you can use this cookie value to serve proper images
to that device and avoid using more bandwidth */

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.