TYPO3图像渲染

TYPO3 image rendering

我有 TYPO3 10,想渲染特定尺寸的图像。我有一个仅包含图像的内容元素,这些图片以 495px x 331px 的尺寸呈现。我该如何改变它?我上传了一张更大的原始图片。预览图像始终采用这些尺寸。如果我点击图片放大,它会显示更大的图片。

内容元素是一个只有两列的图片元素。 当我设置一栏时,预览图片更大。 TYPO3是如何计算图片尺寸的?

我假设您想知道如何设置默认内容类型“图像”的样式。

此内容类型通常呈现图像的画廊视图(网格)。

首先你默认有这些选项:

选择“列数:1”将使图像使用更大的 space。

如果您想直接影响 HTML 输出,这里有一些提示:

TYPO3默认渲染引擎为fluid_styled_content.

以下是如何覆盖特定内容类型的模板的指南: https://docs.typo3.org/c/typo3/cms-fluid-styled-content/10.4/en-us/Configuration/OverridingFluidTemplates/Index.html

该特定内容类型使用 GalleryProcessor:

https://github.com/TYPO3/TYPO3.CMS/blob/10.4/typo3/sysext/fluid_styled_content/Configuration/TypoScript/ContentElement/Image.typoscript

它呈现此模板:

https://github.com/TYPO3/TYPO3.CMS/blob/10.4/typo3/sysext/fluid_styled_content/Resources/Private/Templates/Image.html

...它使用一些局部渲染媒体。

Media/Gallery 设置图像网格的布局:

https://github.com/TYPO3/TYPO3.CMS/blob/10.4/typo3/sysext/fluid_styled_content/Resources/Private/Partials/Media/Gallery.html

Media/Rendering/Image终于渲染出图像了。 dimension 的值已由 GalleryProcessor:

计算得出

https://github.com/TYPO3/TYPO3.CMS/blob/10.4/typo3/sysext/fluid_styled_content/Resources/Private/Partials/Media/Rendering/Image.html