说明
参数说明:
- 最大宽度: 默认为 Infinity,表示输出图像的最大宽度。
- 最大高度: 默认为 Infinity,表示输出图像的最大高度。
- 最小宽度: 默认为 0,表示输出图像的最小宽度。
- 最小高度: 默认为 0,表示输出图像的最小高度。
- 宽度: 默认为 undefined,表示输出图像的宽度。如果没有指定,将使用原始图像的自然宽度。
- 高度: 默认为 undefined,表示输出图像的高度。如果没有指定,将使用原始图像的自然高度。
- 调整大小: 默认为 "none",选项有 "none", "contain", 和 "cover"。设置图像如何根据指定的宽度和高度调整大小。
- 压缩质量: 默认为 0.8,表示输出图像的质量。它必须是一个0到1之间的数字。如果参数不是数字,将为 image/jpeg 和 image/webp 分别使用默认值 0.92 和 0.80。
contain和cover区别
简单来说,contain 策略会保持图像的完整性,但可能会在容器中留有空白;而 cover 策略会确保图像覆盖整个容器,但可能会裁剪掉图像的某些部分。选择哪种策略取决于你的具体需求:如果你想要保留图像的所有内容,即使可能会有空白,那么 contain 是更好的选择;如果你想要图像填满整个容器,即使可能会裁剪掉一些内容,那么 cover 是更好的选择。
关于性能
使用的是前端的技术,不经过服务器,对照片的数量和质量不做任何限制。理论上你电脑越强性能一次处理的照片越多。