我的网站主页上有一个内容滑块（类似于一体式横幅）。每当这个横幅滑到队列中的下一个图像上时，我页面上的其他图像（png格式）就会被像素化。尤其是在Chrome中。
图像和图标，如徽标、用于导航的图标等-当横幅上的新幻灯片发生变化时，它们会被像素化。
请帮帮我。
演示链接（在chrome中打开）：当横幅中的幻灯片发生变化时，请查看顶部的徽标和右侧的徽标，以及下面的个人资料图片：indiaemerge.com/ieys2013
我能想到的解决方案是，不应该使用大尺寸的图像。例如：我试图使用一个大小为800px X 400px的图像来将其划分为200px X 50px。正因为如此，当幻灯片发生变化时，图像会失真。
我降低了图像的尺寸和分辨率，以匹配目标部门的尺寸，这很有效。另一种解决方法是使用svg图像文件。
因此，这里要吸取的教训是，始终尝试使用大小尽可能精确地满足您要求的图像（以防是png或jpg）。如果它是一个svg图像文件，那么就不会有任何问题。