我的网站是一家服装店,我的合作伙伴投诉了以下问题。
复杂图案(例如棋盘格)的服装图片显示如下:而不是这个:
我假设其他图片也显示得很奇怪,但不太引人注意。据我所知,它最常发生在 Mac 上。
如果有人知道有关此现象的任何信息,我们将不胜感激。
最佳答案
它叫做波纹图案:http://en.wikipedia.org/wiki/Moir%C3%A9_pattern
最好的解决方案是不调整图像大小,以确保它们以 1:1 的比例显示。如果没有,请使用像 Photoshop 这样具有更好的图像大小调整算法的工具来制作不同大小的图像,从而避免此问题,然后使用 HTML5 的 srcset
属性,以便为正确的 DPI 加载正确的图像,请参见此处: http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/
关于html - 有图案的图片有时会显示奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22123036/