在iPhone/iPad上的Safari中缩放时，alpha通道PNG上的垂直条纹

Question

在iPhone/iPad上的Safari中，当我使用两个手指放大具有Alpha通道的PNG的网页时，显示的渲染错误（垂直条纹）某些缩放级别。

有没有人知道这方面的解决方法？

原件：http://i56.tinypic.com/2m47o8n.png

缩放：http://i56.tinypic.com/2v3q6mo.png

Answer 1

这是由灰度 PNG格式暴露的Safari错误。您可以通过将图像转换为调色板或24位RGB来避免它。

我还没有看到这个bug一段时间，所以我认为它已被修复在当前的iOS版本。

Answer 2

这似乎是当图像被缩放只是略微向上（当装置在其渲染尺寸比原始图像的稍大时发生的采样伪像尺寸）。推测是渲染引擎中的一个错误。

解决方法是从图像中删除alpha通道（这不足以让所有像素不透明;实际上它必须是不带alpha通道的PNG）。我还没有找到保存透明度的解决方法。