PHPackages sitegeist/sms-responsive-images - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. sitegeist/sms-responsive-images ActiveTypo3-cms-extension[Image & Media](/categories/media) sitegeist/sms-responsive-images =============================== Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool. 3.1.0(1y ago)34516.3k↓45.2%22[14 issues](https://github.com/sitegeist/sms-responsive-images/issues)[2 PRs](https://github.com/sitegeist/sms-responsive-images/pulls)2GPL-2.0-or-laterPHP Since May 30Pushed 1y ago10 watchersCompare [ Source](https://github.com/sitegeist/sms-responsive-images)[ Packagist](https://packagist.org/packages/sitegeist/sms-responsive-images)[ Docs](https://github.com/sitegeist/sms-responsive-images)[ RSS](/packages/sitegeist-sms-responsive-images/feed)WikiDiscussions master Synced yesterday READMEChangelog (10)Dependencies (5)Versions (25)Used By (2) SMS Responsive Images ===================== [](#sms-responsive-images) Responsive Images for TYPO3 --------------------------- [](#responsive-images-for-typo3) This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool. ### Authors & Sponsors [](#authors--sponsors) - Simon Praetorius - - [All contributors](https://github.com/sitegeist/sms-responsive-images/graphs/contributors) *The development and the public-releases of this package is generously sponsored by my employer .* Installation ------------ [](#installation) This extension is available via packagist. ``` composer require sitegeist/sms-responsive-images ``` Alternatively, you can install the extension from TYPO3 TER: [TYPO3 TER: sms\_responsive\_images](https://extensions.typo3.org/extension/sms_responsive_images) For further instructions, please take a look at the full documentation. Updating from 2.x ----------------- [](#updating-from-2x) - Support for TYPO3 9.5 and PHP < 7.4 is gone. - If you still include `constants.ts` and `setup.ts` manually in your TypoScript configuration, these files have now been renamed to `constants.typoscript` and `setup.typoscript`. - Since TYPO3 v12 [has declared all ViewHelper classes as `final`](https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/11.5/Important-95298-FluidViewhelpersWillBeDeclaredFinalInV12.html), this has been applied to the responsive images ViewHelpers as well. Updating from 1.x ----------------- [](#updating-from-1x) There are a few breaking changes which might require you to update your integration: 1. Support for TYPO3 8.7 is gone. Please use version 1.3 of the extension. 2. The `picturefill` attribute of `` and `` 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. 3. In addition to svg files, gif files are now excluded as well. You can change this by adjusting the `ignoreFileExtensions` parameter. 4. If `lazyload` is enabled, image tags will get a `class="lazyload"` automatically. There are also some changes under the hood you might want to consider: 1. The PHP namespace has switched from `SMS\SmsResponsiveImages` to `Sitegeist\ResponsiveImages`, so if you extended one of the provided PHP classes, you need to adjust this. 2. The extension now uses `.1579774724` instead of `.100` to 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.html` file again, you need to specify your partial after that value. 3. The demo plugin is gone, so if you were using it, it won't work anymore. Documentation ------------- [](#documentation) To get an overview of responsive images in general and what the extension does, take a look at the following blog post: [sitegeist Techblog: Responsive Images with TYPO3 8.7+](https://sitegeist.de/blog/typo3-blog/responsive-images-with-typo3-8-7.html) You will find the full documentation for this extension on typo3.org: [Full Documentation of SMS Responsive Images](https://docs.typo3.org/p/sitegeist/sms-responsive-images/master/en-us/) ### Health Score 49 — FairBetter than 94% of packages Maintenance31 Infrequent updates — may be unmaintained Popularity49 Moderate usage in the ecosystem Community30 Small or concentrated contributor base Maturity73 Established project with proven stability Bus Factor1 Top contributor holds 86.4% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~199 days Recently: every ~290 days Total 15 Last Release 528d ago Major Versions 1.3.0 → 2.0.02020-04-10 2.1.3 → 3.0.02023-03-20 ### Community Maintainers ![](https://www.gravatar.com/avatar/ca4eee1e54bccd482945cd03a170a3dfa0c4672c32d0a565dc1228a905a06c27?d=identicon)[s2b](/maintainers/s2b) ![](https://www.gravatar.com/avatar/51e0a02d8e12b73949ec858638aa7e295e103022cc5a879f86ac8532c2c170bd?d=identicon)[sitegeist](/maintainers/sitegeist) --- Top Contributors [![s2b](https://avatars.githubusercontent.com/u/458524?v=4)](https://github.com/s2b "s2b (171 commits)")[![Atomschinken](https://avatars.githubusercontent.com/u/3041069?v=4)](https://github.com/Atomschinken "Atomschinken (6 commits)")[![arbonia-koehnlein](https://avatars.githubusercontent.com/u/235669314?v=4)](https://github.com/arbonia-koehnlein "arbonia-koehnlein (4 commits)")[![ulrichmathes](https://avatars.githubusercontent.com/u/26324456?v=4)](https://github.com/ulrichmathes "ulrichmathes (3 commits)")[![naturefund-falk](https://avatars.githubusercontent.com/u/12998317?v=4)](https://github.com/naturefund-falk "naturefund-falk (3 commits)")[![dmitryd](https://avatars.githubusercontent.com/u/306133?v=4)](https://github.com/dmitryd "dmitryd (2 commits)")[![markuskobligk](https://avatars.githubusercontent.com/u/14016580?v=4)](https://github.com/markuskobligk "markuskobligk (2 commits)")[![koehnlein](https://avatars.githubusercontent.com/u/16088567?v=4)](https://github.com/koehnlein "koehnlein (2 commits)")[![jdreesen](https://avatars.githubusercontent.com/u/424602?v=4)](https://github.com/jdreesen "jdreesen (2 commits)")[![LeoniePhiline](https://avatars.githubusercontent.com/u/22329650?v=4)](https://github.com/LeoniePhiline "LeoniePhiline (1 commits)")[![oliverbaran](https://avatars.githubusercontent.com/u/32780243?v=4)](https://github.com/oliverbaran "oliverbaran (1 commits)")[![infabo](https://avatars.githubusercontent.com/u/3999104?v=4)](https://github.com/infabo "infabo (1 commits)") --- Tags aspect-ratiocroppingimagespicturepicturefillresponsive-imagesretinasizessrcsettypo3imageTYPO3 CMSplaceholderpictureResponsive Imagessrcsetretinalazyloadcroppingsizesaspect ratiohighdpi ### Code Quality Code StylePHP\_CodeSniffer ### Embed Badge ![Health badge](/badges/sitegeist-sms-responsive-images/health.svg) ``` [![Health](https://phpackages.com/badges/sitegeist-sms-responsive-images/health.svg)](https://phpackages.com/packages/sitegeist-sms-responsive-images) ``` ### Alternatives [netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 611.1M8](/packages/netresearch-rte-ckeditor-image)[spacecatninja/imager-x Ninja powered image transforms. 29405.1k38](/packages/spacecatninja-imager-x)[causal/image_autoresize Simplify the way your editors may upload their images: no complex local procedure needed, let TYPO3 automatically resize down their huge images/pictures on-the-fly during upload (or using a command for batch processing) and according to your own business rules (directory/groups). This will highly reduce the footprint on your server and speed-up response time if lots of images are rendered (e.g., in a gallery). Features an EXIF/IPTC extractor to ensure metadata may be used by the FAL indexer even if not preserved upon resizing. 19491.0k](/packages/causal-image-autoresize)[dantsu/php-image-editor PHP library to easily edit image with GD extension. 34174.0k2](/packages/dantsu-php-image-editor) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)