我正在使用canvas元素在Chrome中尝试WebP图像格式。在MDN上,我看到toDataURL
接受表示结果图像质量的第二个参数。
我想生成一个canvas元素的无损WebP图像。但是,如果我通过1
的质量(意味着100%),我就不会得到完全相同的像素。看起来它正在产生一个有损的图像。
这是一个测试用例:http://jsfiddle.net/Nf5ve/1/。绘制PNG图像时,某个像素的某种颜色的值为40.在画布上绘制100%质量的画布WebP图像后,相同的值已变为37.这对我来说似乎没有任何损失,甚至虽然我通过了100%的质量。
是否可以让toDataURL
创建无损WebP图像,如果是这样的话?
答案 0 :(得分:3)
webp没有官方的MIME类型,所以暂时不要使用这种类型。
在toDataURL
中使用Chrome上的“image / webp”将始终导致有损网页图像,即使质量为“1”
此时似乎无法获得无损的webP图像