--- title: "Usage" manual: "LIA Imageserver" version: "1.2" permalink: "https://docs.typo3.org/permalink/lia/lia_imageserver:usage@1.2" source: "Usage/Index.rst" modified: "2026-09-16T09:22:52+00:00" --- # Usage The extension ships three Fluid ViewHelpers: - [lim:widget.responsiveImage](https://docs.typo3.org/permalink/lia/lia_imageserver:usage-responsive-image@1.2) renders a complete `` element with media queries, source sets and optional WebP sources. - [lim:image](https://docs.typo3.org/permalink/lia/lia_imageserver:usage-image@1.2) extends `` with source sets, WebP support and image server options. - [lim:uri.image](https://docs.typo3.org/permalink/lia/lia_imageserver:usage-uri-image@1.2) extends `` 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 ``` ## 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 `` and pass the variable to the ViewHelper. See [Inline usage with a variable](https://docs.typo3.org/permalink/lia/lia_imageserver:usage-responsive-image-inline@1.2) for an example. - [lim:widget.responsiveImage](https://docs.typo3.org/permalink/lia/lia_imageserver:lim-widget-responsiveimage@1.2) - [lim:image](https://docs.typo3.org/permalink/lia/lia_imageserver:lim-image@1.2) - [lim:uri.image](https://docs.typo3.org/permalink/lia/lia_imageserver:lim-uri-image@1.2)