html - 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 之类的图像编辑器来创建较小的图像以在您的网站中使用。目的是网站应该看起来不错。这将有效地解决您的问题。