Responsive web design puts a new wrinkle into the standard design constraint of using images in your web designs. You need similar images resized to different resolutions, sometimes cropped in slightly different ways and you need as many versions as you have supported break points in your design. On this blog and on www.hendrix.edu we are currently using 4 specific targets (large desktop, notebook/small desktop, tablet, and mobile). This means we multiply the needed file by up to 4 times for each image. Needless to say, this becomes difficult, unwieldly, and time consuming, especially if you are relying on non-power users to supply those images. We are currently using a tool we found on the internet to resolve that issue, the imageresizer asp.net module (http://imageresizing.net/). In their own words:
Work less, do more
Resize, crop, rotate, watermark, and modify images without ever leaving your browser or editor, with a simple API.
- Query string API (all languages)
- Managed API (.NET and COM languages)