TYPO3 图像渲染

Question

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

内容元素是仅包含两列的图片元素。 当我设置一列时，预览图片更大。 TYPO3是如何计算图片尺寸的？

Answer 1

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

这种内容类型通常呈现图像的画廊视图（网格）。

首先，默认情况下您有这些选项：

选择“列数：1”会使图像占用更大的空间。

如果你想直接影响 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