使用 image 或 graphmagick 自动进行图像缩放

Question

我有一个取决于 imagemagick 的问题： 是否可以仅上传一张高度为 1200 像素的图片，并根据设备或浏览器分辨率减小图像的图像高度和尺寸？

提前致谢

Answer 1

您可以根据设备或浏览器版本使用条件。假设您想在以下图像高度之间切换：

• IE6 为 600px，
• 移动设备为 320px，
• 所有其他设备为 800px
  （即普通计算机）

然后将此部分输入到您的模板常量：

# for IE6:
[browser = msie] AND [version = 6]
styles.content.imgtext {
        maxH = 600
        maxHInText = 600
}
# for mobile devices:
[useragent = *iPhone*]||[useragent = *iPod*]||[useragent = *Android*]||[useragent = *OperaMini*]||[useragent = *BlackBerry*]
styles.content.imgtext {
        maxH = 320
        maxHInText = 320
}
# For all other browsers
[else]
styles.content.imgtext {
        maxH = 800
        maxHInText = 800
}
[GLOBAL]

模板设置的替代解决方案（如下所述）：

# for IE6:
[browser = msie] AND [version = 6]
tt_content.image.20.1.file {
        maxH = 600
        maxHInText = 600
}
# for mobile devices:
[useragent = *iPhone*]||[useragent = *iPod*]||[useragent = *Android*]||[useragent = *OperaMini*]||[useragent = *BlackBerry*]
tt_content.image.20.1.file {
        maxH = 320
        maxHInText = 320
}
# For all other browsers
[else]
tt_content.image.20.1.file {
        maxH = 800
        maxHInText = 800
}
[GLOBAL]

1. 这些只是条件的一些示例。查看 TYPO3 条件
   参考以获取更多想法。
2. 如果 useragent 无法正确识别移动设备，请尝试扩展 cwmobileredirect。它提供了非常可靠的移动设备切换。
3. 这是关于如何设置图像高度。我听说设置宽度 (maxW) 工作正常，但设置高度 (maxH) 在 4.2 以下的版本中不知何故有问题。如果 maxH 出现问题，请使用替代解决方案。