Primary tabs

This module provides an additional image field formatter and stand-alone widget
that allows the browser to automatically download the appropriately sized image
for the current display. This helps save bandwidth and improves the page load
time.

Because the module does not require javascript in modern browsers, images are
requested sooner in page load and reduces browser processor usage on javascript.

Instructions

After enabling the module you can select it as a field formatter for any image
fields defined on a content type.

There are three options when using this module as a field formatter:

"Media Query Images with Picture mappings" - This allows formatting of the
field using pre-existing mappings from the Picture module. This allows for
simple replacement of Picture module formatting with this module. Picture
module must remain enabled to preserve breakpoint mappings.

"Media Query Images" - This output has no automatic image choosing
functionality. You select from the list of available styles for this field
to show. This output is designed for developers that want to have total
control of the displayed image style using their code.

Requires no additional modules.

Legacy Browser Support

The built-in automatic image selection funcitonality of this module depends on
media queries support in the browser.