Internet Explorer中的低质量图像调整大小

Question

我正在开发此网站： http://tulpepwebsite.apphb.com/

如果您在Chrome图片中访问它，则在标题或滑块中看起来不错。

但是如果你在Internet Explorer中访问它看起来是这样的：

为什么呢？ 图像正在HTML中调整大小。如果我不想更改图像而不调整大小，我该怎么办？

Answer 1

不同的浏览器使用不同的算法来调整图像大小。一些人花费更多的CPU周期并产生“更好”的图像，另一些人则做一个快速的便宜的CPU光缩放，导致“更差”的输出。在图像（声音，视频，......）处理方面，它总是在质量和速度之间进行权衡，并且没有关于采用哪种方法的通用规则。

150K的图像比普通访客的显示器大，绝对是一种矫枉过正。您最好为页面的特定部分提供特定图像。或者您可以考虑使用矢量图形而不是位图？甚至可能是HTML5画布 - 在不同的浏览器上可能会更多或更少相同（人们希望）。

Answer 2

FireFox中的图像看起来不太好（看起来与IE类似）。 我建议不要使用HTML来调整图像大小，并使用像Photoshop或GIMP（免费）甚至MS-Paint这样的图像编辑器来创建一个较小的图像，以便在您的网站中使用。目的是网站应该看起来不错。这将有效地解决您的问题。