Every responsive website development tutorial recommends using the display:none CSS property to hide content from loading on mobile browsers so the website load
Another possibility is using a tag and placing the image inside the tag. Then use javascript to remove the noscript tag as you need the image. In this way you can load images on demand using progressive enhancement.
Use this polyfill I wrote to read the contents of tags in IE8
https://github.com/jameswestgate/noscript-textcontent