DEPRECATION WARNING

This documentation is not using the current rendering mechanism and will be deleted by December 31st, 2020. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Introduction

What does it do?

This extension brings a set of Fluid ViewHelpers that are useful for adaptive image rendering.

By using these additional ViewHelpers in combination with Fluids f:image and f:media ViewHelpers rendering of adaptive images becomes much easier. Using this simple approach (just using ViewHelpers, not registering a custom ImageRenderer class, which would also be possible) the code stays really simple while at the same time the developer keeps maximum flexibility in generating the picture or image tag using the well known Fluid viewHelpers.

Demo Page

There are many pitfalls while using adaptive images and also a lot of options for implementing them. To experiment and test different possibilities there is a demo page using this extension which might give you an idea of different implementations and their problems.

Demo Page for adaptive images: https://ai-demo.comuno.net/

Note

To use this extension, you should already have a good understanding of Fluid and adaptive images (i.e. know what picture, srcset and sizes are and how to use them).