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

【问题标题】：Low quality image rezise in Internet ExplorerInternet Explorer 中的低质量图像调整大小
【发布时间】：2012-08-09 07:14:44
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

不同的浏览器使用不同的算法来调整图像大小。有些会花费更多的 CPU 周期并产生“更好”的图像，而另一些则会进行快速且廉价的 CPU 光缩放，从而导致“更差”的输出。在图像（声音、视频等）处理方面，总是需要在质量和速度之间进行权衡，并且对于采用哪种方法没有统一的规则。

150K 的图像比普通访客的显示器还大，这绝对是大材小用。为页面的特定部分提供特定图像肯定会更好。或者您可以考虑使用矢量图形而不是位图？甚至可能是 HTML5 画布——在不同的浏览器上呈现或多或少相同的可能性（希望如此）。

【讨论】：

【解决方案2】：

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

【讨论】：