4

我有一个问题,将 CSS 动画添加到 PNG 图像会导致图像渲染质量急剧下降。

我有一个包含三个单独 PNG 的 div,当向任何图像添加动画时,所有图像的质量都会降低。

动画包含一个变换 rotate,但仅将其添加到图像(在动画关键帧之外)不会导致质量下降。我还尝试删除应用于图像父元素的所有其他变换并删除其他属性,例如透视,但这没有帮助。质量下降仅在添加动画时。

我在Chrome中看到了这一点,图像的外观与图像渲染时的外观完全相同:添加了 -webkit-optimize-contrast

有没有其他人遇到过类似的问题?

4

1 回答 1

2

我注意到当图像依赖浏览器来减小图像尺寸时,这可能是 chrome 的问题。Chrome 不是一个图像处理程序,在实现过渡时似乎更倾向于渲染速度而不是质量。在不需要显着调整大小的图像上尝试相同的动画,看看是否有帮助。

于 2014-04-16T13:54:30.900 回答