Usage 

The extension ships three Fluid ViewHelpers:

  • lim:widget.responsiveImage renders a complete <picture> element with media queries, source sets and optional WebP sources.
  • lim:image extends <f:image> with source sets, WebP support and image server options.
  • lim:uri.image extends <f:uri.image> with image server options.

Namespace 

The namespace lim is registered globally in ext_localconf.php. To get IDE support, declare it on top of your template:

EXT:my_sitepackage/Resources/Private/Templates/Example.html 
<html xmlns:lim="http://typo3.org/ns/LIA/LiaImageserver/ViewHelpers"
      data-namespace-typo3-fluid="true">
Copied!

Best practice: source sets as variables 

Inline notation is always possible in Fluid. The syntax gets messy as soon as you deal with nested arrays, and sourceSets is a nested array. Store the source sets in a Fluid variable with <f:variable> and pass the variable to the ViewHelper. See Inline usage with a variable for an example.