如何使用toDataURL创建无损WebP图像?

时间:2012-07-13 20:10:42

标签: javascript html5 google-chrome canvas webp

我正在使用canvas元素在Chrome中尝试WebP图像格式。在MDN上,我看到toDataURL接受表示结果图像质量的第二个参数。

我想生成一个canvas元素的无损WebP图像。但是,如果我通过1的质量(意味着100%),我就不会得到完全相同的像素。看起来它正在产生一个有损的图像。

这是一个测试用例:http://jsfiddle.net/Nf5ve/1/。绘制PNG图像时,某个像素的某种颜色的值为40.在画布上绘制100%质量的画布WebP图像后,相同的值已变为37.这对我来说似乎没有任何损失,甚至虽然我通过了100%的质量。

是否可以让toDataURL创建无损WebP图像,如果是这样的话?

1 个答案:

答案 0 :(得分:3)

webp没有官方的MIME类型,所以暂时不要使用这种类型。

toDataURL中使用Chrome上的“image / webp”将始终导致有损网页图像,即使质量为“1”

此时似乎无法获得无损的webP图像