快捷参数
IT管理引擎
零信任应用网关
我们可以通过配置图片模板来固化处理图片，也可以通过快捷参数来处理图片，用umc-image=xxx来获取快捷参数；
快捷参数
快捷参数由三部分组成
[方位][尺寸][格式]
方位参数
| 参数 | 样例 | 说明 |
| w | w100 | 表示按宽度缩小 |
| h | w100 | 表示按高度缩小 |
| c | c100 | 全图居中缩放指定尺寸 |
| t | t100 | 向上或向左裁剪指定尺寸 |
| m | m100 | 正中裁剪指定尺寸 |
| b | b100 | 向下和向右裁剪指定尺寸 |
尺寸参数
分为单值、-对值和x对值
| 参数 | 样例 | 说明 |
| 单值 | 100 | 表示按固定正方式缩小 ，样例表示宽高各100 |
| -对值 | 100-200 | 表示限定尺寸，样例表示宽限定100高限定200 单边超过，则单边缩放，等同w、h方位参数，双边比例超过，则按固定大小进行裁剪 |
| x对值 | 100x200 | 表示按固定尺寸缩小，样例：宽100、高200 |
图片转码
支持对gif、jpeg、webp、png、avif格式的相互转换，默认值为原图格式
| 参数 | 样例 | 说明 |
| g | w200g | 转码为gif图片，样例：表示 宽度缩放到200并转化为gif格式图片 |
| j | w200j | 转码为jpeg图片，样例：表示 宽度缩放到200并转化为jpeg格式图片 |
| w | w200w | 转码为webp图片，样例：表示 宽度缩放到200并转化为webp格式图片 |
| p | w200p | 转码为png图片，样例：表示 宽度缩放到200并转化为png格式图片 |
| a | w200a | 转码为avif图片，样例：表示 宽度缩放到200并转化为avif格式图片 |
| o | w200o | 适配图片格式，样例：表示 宽度缩放到200并根据浏览器从avif--webp--png来适配格式 |
注意：avif图片浏览器支持有限，webp图片主流浏览器都支持，但要考虑国产各不一样的浏览器，建议图片优化采用了适配格式。
吴顺明 | 阅读(267) | 评论(0)
暂无评论