html - Canvas 减少了 Jpeg 的图像大小，但为什么呢？

Question

当我使用 drawImage() 将 JPEG 图像绘制到 Canvas 之后，使用 canvas.toDataURL() 使其可保存在本地(使用鼠标右键单击) , 然后保存的 Jpeg-Image 文件大小减少了大约 40%。只有在使用 Jpeg 时才会如此。 PNG、GIF(非压缩文件)增大尺寸。我想，如果我将图像文件转换为 Base64，大小会增长到大约 130%。所以我认为 Canvas 元素有自己的集成压缩功能？如果是这样，我可以停用它吗？

代码如下所示:

var img = new Image();

img.onload = function () 
{
var width = img.width;
var height = img.height;
context.drawImage(img, 0, 0,width,height);
document.images[0].src = canvas.toDataURL('image/jpeg');//<-size = 30,2 KB (30.990 Bytes)
}
img.src = "http://www.roomeffect.de/pageslices/RSB.jpg"; //<-original file size = 58,5 KB (59.930 Bytes)

不知道是什么问题？

Answer 1

您可以将 JPEG 质量指定为 toDataURL 函数的第二个参数。 Firefox 中的默认质量是 0.92 (92%)。

https://developer.mozilla.org/en/DOM/HTMLCanvasElement