作者:WSSDRED_935 | 来源:互联网 | 2023-10-12 14:31
canvas中的toDataURL方法可指定图片压缩后的格式及压缩质量,例如压缩成webp格式:
1
| canvas.toDataURL('image/webp',quality); |
是用base64对图像进行编码的,且编码后的源文件比编码前大33%,参考地址,但是quality参数可以指定压缩质量,压缩质量越接近于0,图片压缩力度越大。
问题1:采用base64编码将图片源文件变大了,那base64能压缩图片吗?
问题2:用base64编码小图片只是为了减少http请求吗?
问题3:canvas中的toDataURL方法压缩图片的原理是什么?quality参数具体做了什么?