当图库加载时，图片和图标变得像素化

Question

我的网站主页上有一个内容滑块（All-in-one-banner排序）。 每当此横幅滑入队列中的下一张图像时，我的页面上的其他图像（png格式）就会变得像素化。特别是它发生在Chrome中。

图片和图标（如徽标，用于导航的图标等） - 当横幅上的新幻灯片发生变化时，它们会变得像素化。

请帮帮我。

演示链接（在Chrome中打开）： 当旗帜变化的幻灯片，只看上面的标志和徽标的权利，也低于,: indiaemerge.com/ieys2013

的个人资料照片

Answer 1

我能弄清楚的解决方案是不应该使用大尺寸的图像。 例如：我正在尝试使用尺寸为800px X 400px的图像来将它放入200px X 50px的分区中。正因为如此，当幻灯片发生变化时，图像会变形。

我减少了图像的尺寸和分辨率以匹配目标分区的尺寸，并且工作正常。 解决这个问题的另一种方法是使用svg图像文件。

所以这里要学习的一点是，总是尽可能精确地使用图片（如果它是PNG或JPG格式），其大小满足您的要求。如果这是一个svg图像文件，那么不会有任何问题。