This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.
The development and the public-releases of this package is generously sponsored by my employer https://sitegeist.de.
This extension is available via packagist.
composer require sitegeist/sms-responsive-images
Alternatively, you can install the extension from TYPO3 TER:
For further instructions, please take a look at the full documentation.
There are a few breaking changes which might require you to update your integration:
<sms:media />has been removed, so you need to remove it from your Fluid templates. Separate markup for picturefill.js is no longer required, so the extension now outputs standards-compliant markup at any time.
lazyloadis enabled, image tags will get a
There are also some changes under the hood you might want to consider:
Sitegeist\ResponsiveImages, so if you extended one of the provided PHP classes, you need to adjust this.
.100to overwrite the image partial of fluid_styled_content. This means that there will be less interference with other extensions. However, if you need to overwrite the
Image.htmlfile again, you need to specify your partial after that value.
To get an overview of responsive images in general and what the extension does, take a look at the following blog post:
You will find the full documentation for this extension on typo3.org: