Image inside Starter Pack

Images are automatically responsive in Foundation. There are options though to make load times faster on mobie and tablet devices. Warehousing options are also available.

Foundation Image

Dynamic Image Loading

This image stack has more then all of the wonderful responsive features that you would expect. Powered by Foundation Interchange, different images can be dynamically loaded based on the device that your users are visiting from. This means that you can create optimized images for desktop, tablet and mobile.

Resize your browser and see that different images are loaded at different widths.

My Image

Protected Images

The image stack makes it hard for users to steal your images. There are 2 main ways that users download images from your website: drag and drop off your website and right clicking on the image. Both actions are disabled with the Foundation image stack.

Product by Joe Workman

I am an indie Web and Mac developer based in the SF Bay Area. I've been highly active in the community since my first release in 2008. http://joeworkman.net