html - 有图案的图片有时会显示奇怪

标签 html image distortion

我的网站是一家服装店,我的合作伙伴投诉了以下问题。

复杂图案(例如棋盘格)的服装图片显示如下:enter image description here而不是这个: enter image description here

我假设其他图片也显示得很奇怪,但不太引人注意。据我所知,它最常发生在 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/

相关文章:

html - 单行网格容器,子级数量未知且预先指定的列数溢出

java - 如何在javafx中拉伸(stretch)图像以使其适合整个屏幕

java - 获取图像时出现 NullPointerException

android - Admob 广告接收时的用户界面扭曲

javascript - CSS3 样式复选框

php - 执行代码后显示空白页

java - Android - 使用 JSOUP 实现具有 AsyncTask 的 ListView

image - 在 ImageMagick/GraphicsMagick 中从文件中间读取图像

CSS 可变形文本

opencv - 弯曲曲面