Input arguments:
* image: Can be one of the following:
- string identifying a file like "2:myfolder/myfile.jpg" (combined identifier), "23" (file UID), "uploads/myfile.png" (backwards-compatibility, storage "0") or "file:23"
- \TYPO3\CMS\Extbase\Domain\Model\FileReference
- \TYPO3\CMS\Core\Resource\FileReference
- array with the file (reference) record
- null (nothing is rendered then)
* class: class name(s) for the img tag
* width: Target width (in classic pixels, don't multiply by 2 for retina, that is done internally)
* height: Target height (in classic pixels, don't multiply by 2 for retina, that is done internally)
* maxWidth: Target maximum width (in classic pixels, don't multiply by 2 for retina, that is done internally)
* maxHeight: Target maximum height (in classic pixels, don't multiply by 2 for retina, that is done internally)
* srcAttributeName: If you want the image src url set in an alternative attrbute (e.g. for lazy loading) you can set it here
* retinaSrcAttributeName: If you want the retina image src url set in an alternative attrbute instead of srcset (e.g. for lazy loading) you can set it here
* ignoreLink: Don't link the image even if image.link is set
* debug: debug output (also including the parsed image data)
{image}
{_all -> f:debug()}
v:or(alternative:'src')}="{f:uri.image(src:'{image.id}',width:'{width}c',height:'{height}c',maxWidth:'{maxWidth}',maxHeight:'{maxHeight}',crop:'{image.crop -> f:format.htmlentitiesDecode()}')}"
alt="{image.alternative -> v:or(alternative:'{image.title}')}"
{f:if(condition:'{image.title}', then:' title="{image.title}"')}{f:if(condition:'{class}', then:' class="{class}"')}
{retinaSrcAttributeName}="{f:uri.image(src:'{image.id}',width:'{width -> v:math.product(b:\'2\')}c',height:'{height -> v:math.product(b:\'2\')}c',maxWidth:'{maxWidth -> v:math.product(b:\'2\')}',maxHeight:'{maxHeight -> v:math.product(b:\'2\')}',crop:'{image.crop -> f:format.htmlentitiesDecode()}')}"
srcset="{f:uri.image(src:'{image.id}',width:'{width -> v:math.product(b:\'2\')}c',height:'{height -> v:math.product(b:\'2\')}c',maxWidth:'{maxWidth -> v:math.product(b:\'2\')}',maxHeight:'{maxHeight -> v:math.product(b:\'2\')}',crop:'{image.crop -> f:format.htmlentitiesDecode()}')} 2x"
>