imagemagick - 使用 image 或 graphicsmagick 自动缩放

Question

我有一个取决于 imagemagick 的问题：例如，是否可以只上传一张高度为 1200 像素的图片，并且 - 取决于设备或浏览器分辨率 - 减少图片的图片高度和大小？

提前致谢

Answer 1

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

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

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

# 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 问题，请使用替代解决方案。