sudhaus7/responsive-picture

(Sudhaus7) Responsive Picture : Add media variations to the Image / filereference Element including crop support using the image and source tags with fallback to img

5.0.3 2026-05-13 19:54 UTC

Requires

• php: ^8.2
• typo3/cms-backend: ^14.3
• typo3/cms-core: ^14.3
• typo3/cms-fluid: ^14.3

Requires (Dev)

• codeception/codeception: ^5
• codeception/phpbuiltinserver: *
• helhum/typo3-console: *
• ssch/typo3-rector: ^3
• sudhaus7/test-site: @dev
• typo3/cms-fluid-styled-content: ^14.3
• typo3/cms-lowlevel: ^14.3
• typo3/cms-t3editor: ^14.3
• typo3/cms-tstemplate: ^14.3
• typo3/coding-standards: *

Suggests

• typo3/cms-tstemplate: ^14.3

MIT

• Frank Berger
• Markus Hofmann

• media
• query
• responsive
• typo3
• picture
• img

README

A TYPO3 Extension that automatically creates media alternatives for an image.

In the TYPO3 Backend an image can have alternative images and crop configurations per media query added.

For the Frontend a Fluid Partial is available as a drop-in replacement for the Media/Rendering/Image Partial shipped with the fluid_styled_content extension.

An editor can select a part of an image for mobile display and a completely different image for the 4k Desktop.

New in 1.0.0

• missing media sizes are now created automatically
• media sizes and their maxWidth and maxHeight are now configured in TypoScript
• Partial Media/Rendering/Image is a true drop-in replacement
• Documentation covers usage in the Frontend

Extension in TER

Documentation on docs.typo3.org