Typo3 tt_内容图像的裁剪变体

我第一次在TYPO3中尝试了新的图像处理功能，但遇到了一些问题。我使用的是TYPO3 8.7.16。图像处理工作正常（使用ImageMagick在安装工具中测试）

出于测试目的，我覆盖了tt_内容的TCA：

$GLOBALS['TCA']['tt_content']['columns']['image']['config'] ['overrideChildTca']['columns']['crop'] = [
    'config' => [
        'cropVariants' => [
            'desktop' => [
                'title' => 'Desktop',
                'selectedRatio' => '4:3',
                'allowedAspectRatios' => [
                    '4:3' => [
                        'title' => '4:3',
                        'value' => 4 / 3,
                    ],
                ],
            ],
            'tablet' => [
                'title' => 'Tablet',
                'selectedRatio' => '16:9',
                'allowedAspectRatios' => [
                    '16:9' => [
                        'title' => '16:9',
                        'value' => 16 / 9,
                    ],
                ],
            ],
            'mobile' => [
                'title' => 'Mobile',
                'selectedRatio' => '2:3',
                'allowedAspectRatios' => [
                    '16:9' => [
                        'title' => '2:3',
                        'value' => 2 / 3,
                    ],
                ],
            ],
        ],
    ],
];

当我使用编辑器进行图像操作时，我可以裁剪不同的格式，接受操作后，我会在内容元素中将裁剪后的图像视为预览：

保存内容元素后，我会看到以下内容（裁剪后的图像不再显示）：

这是虫子吗？但现在这对我来说没什么大不了的

现在，我尝试在前端显示裁剪过的桌面图像。我复制了媒体/Rendering/Image.html部分，并将内容更改为：

<f:image image="{file}" cropVariant="desktop" width="480" alt="{file.alternative}" title="{file.title}" />

我认为这足以显示裁剪后的图像，但事实并非如此。我看到了原始文件。调试文件引用时，我看到剪切图像的配置正确存储在sys_file_reference中：

现在我不知道该怎么做才能在前端得到裁剪过的图像

有什么想法吗

---

编辑：现在我发现了问题，ImageMagick出现了一些问题，因此无法创建裁剪的图像。

我建议您查看Clickstorm的文章

您可以使用srcset轻松访问CropVariant

可能您使用的图片元素如下所示：

我希望这能帮助您开始前端部分