In the podcast Ben and and Dan appeared to imply that for responsive images to work properly you need to add a number of separately sized versions of the same image for each device. So you’d probably end up with 3 images one for Mobile, one for Tablet and one for Desktop, and you would use css to serve the correct image to the appropriate device.
There are a number of Responsive Image stacks out there, but most of them appear to just re-scale (the dimensions) of a single image depending on browser size, so I assume the size (in kb) of the image downloaded to the device remains the same.
The only image stack I currently have that provides the facility to add 3 separate versions of the same image is Joe Workmans Foundation Image stack.
Is my understanding of this correct?
Could I use the Image Foundation Stack in a none Foundation Themed project?
Is there a stack available that allows you to add multiple versions of the same image that can be used across all themes?
I was thinking about just a single image, but I guess my question applies equally to a gallery of images - I’m more trying to sort out how to deal with responsive images correctly in Rapidweaver, rather than for a specific project.