最新的Webkit(包括Safari 5.1)中的图像缩放更糟糕？

Question

我一直在研究一些依赖于使用CSS/JavaScript缩小大图像的东西.在Safari 5.1问世之前,我注意到Safari中的图像非常流畅,但在Chrome中却出现了锯齿状.现在Safari 5.1似乎和Chrome一样糟糕.

该image-renderingCSS属性似乎不有所作为.网上关于它的大多数帖子似乎来自想要最近邻平滑而不是双三次的人,而我需要相反:让我的图像更平滑.

我附上了两张照片.一个显示Safari中的缩放和Firefox中的另一个缩放.如果你看一下左侧模特的手臂,你可以看到它们之间的区别.

Answer 1

我猜使用 CSS3transform可能会产生更好的结果，因为它使用硬件加速。所以我创建了一个小提琴，用 csswidth和heightCSS3缩放一些图像transform（单击此处查看）来检查并确保，但我没有很好的眼睛或可能没有显示器，我没有看到 css 之间有任何区别缩放或-webkit-transform: scale()缩放版本。请查看小提琴，如果您发现任何差异，请告诉我。

小提琴： http: //jsfiddle.net/EWf25/1/embedded/result/