Image Sprite PNG正在出现扭曲

Image Sprite PNG正在出现扭曲,image,google-chrome,png,sprite,internet-explorer-11,Image,Google Chrome,Png,Sprite,Internet Explorer 11,我们正在客户网站上使用png/8Sprite。他报告说,在他和公司的其他电脑上,这幅图像似乎被扭曲了 下面是它的外观: 这是客户发给我们的打印屏幕: 我已尝试再次加载和导出它,再次上载。问题是:在我们的电脑上,它看起来很好,所以很难测试它。我们的客户正在IE:11和Google chrome:41.0.272.118中查看它 以前有人见过这种错误吗?可能是设备像素比优于160dpi;这会扔掉一些用于精灵的CSS 如果这对你来说是“1”,对他们来说是一个不同的值,我会进一步挖掘这个。你可以用i

我们正在客户网站上使用png/8Sprite。他报告说,在他和公司的其他电脑上,这幅图像似乎被扭曲了

下面是它的外观:

这是客户发给我们的打印屏幕:

我已尝试再次加载和导出它,再次上载。问题是:在我们的电脑上,它看起来很好,所以很难测试它。我们的客户正在IE:11和Google chrome:41.0.272.118中查看它


以前有人见过这种错误吗?

可能是设备像素比优于160dpi;这会扔掉一些用于精灵的CSS

如果这对你来说是“1”,对他们来说是一个不同的值,我会进一步挖掘这个。你可以用iPhone或更新的安卓设备访问该网站来测试这一点;它们的像素比大于1.0


编辑:这也会在浏览器端显示,因为它与硬件有关,而不是IE11。

我打赌在这种情况下,PNG不知何故被破坏了

graphicdesign.stackexchange.com可能更有用;我不知道这在CSS中是否可以修复。(可能是;也可以在图像背景周围查找黑客。)

环顾四周,如果您有Photoshop,您可以尝试保存原始图像,然后创建副本并更改此设置:

Image -> Mode -> Check "RGB Color"
或者,尝试在pixlr.com中打开图像,稍作更改,然后保存并使用该图像


我强烈怀疑PNG/8保存的方式(可能是alpha通道)是问题所在,而不是您编写的任何CSS。祝你好运

客户给我发了一份结果打印件,他的电脑显示1。这是一台台式计算机。(将尝试使用单独的答案将其拆分。)