我的网站主页上有一个内容滑块（All-in-one-banner）。 每次此横幅滑动到队列中的下一个图像时，我页面上的其他图像（png格式）就会变得像素化。特别是它发生在Chrome中。
图标和图标，例如徽标，用于导航的图标等等 - 当横幅上的新幻灯片发生变化时，它们会变得像素化。
请帮帮我。
演示链接（以chrome打开）： 当横幅中的幻灯片发生变化时，请查看顶部的徽标和右侧的徽标，以及下面的个人资料照片：indiaemerge.com/ieys2013
答案 0 :(得分：0)
我能想到的解决方案是不应该使用大尺寸的图像。 例如：我试图使用尺寸为800px X 400px的图像将其调整为200px X 50px的分区。因此，当幻灯片发生变化时，图像会变形。
我缩小了图像的尺寸和分辨率以匹配目标分区的尺寸，并且工作正常。 另一种解决方法是使用svg图像文件。
因此，这里要学到的教训是，总是尝试尽可能精确地使用尺寸符合您要求的图像（如果它是png或jpg）。如果它是一个svg图像文件，那么就不会有任何问题。