Responsive Img swaps out an image's src attribute based on its container's width when the DOM is ready and when the browser is resized.
Using a PHP file, Responsive Img creates new images on the fly the first time they're needed and puts them on your server.
Responsive Img takes pixel ratio into account and uses larger images for Retina display and displays with other pixel ratios.