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

Question

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

image-rendering CSS属性似乎没有什么区别。网上关于它的大多数帖子似乎来自想要最近邻平滑而不是双三次的人，而我需要相反：让我的图像更流畅。

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

Answer 1

我猜测使用CSS3 transform可能会产生更好的结果，因为它使用硬件加速。所以我创建了一个小提琴，用css width和height以及CSS3 transform（click here来查看）来缩放一些图像以查看它并确保但我不知道我有一个好眼睛或监视器，我没有看到css缩放或-webkit-transform: scale()缩放版本之间的任何差异。请看小提琴，如果你看到有任何不同，请告诉我。

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

Answer 2

尝试图像渲染的这些值：

optimizeQuality
optimize-contrast
-web-kit-optimize-contrast