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

2.0.1 2023-02-21 08:42 UTC

Requires

• php: >=7.4 || >=8.0
• typo3/cms-backend: ^11.5
• typo3/cms-core: ^11.5

Requires (Dev)

• codeception/codeception: ^5
• codeception/phpbuiltinserver: *
• sudhaus7/test-site: @dev
• typo3/cms-fluid-styled-content: ^11.5
• typo3/cms-lowlevel: ^11.5
• typo3/cms-t3editor: ^11.5
• typo3/cms-tstemplate: ^11.5

Suggests

• typo3/cms-fluid: ^11.5
• typo3/cms-tstemplate: ^11.5

MIT

• Frank Berger
• Markus Hofmann

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

README

A TYPO3 Extension which 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 drop-in replacement for the Media/Rendering/Image Partial shipped with the fluid_styled_content extension in TYPO3 9 and 10.

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