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

我正在开发这个网站: http://tulpepwebsite.apphb.com/

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

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

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

【问题讨论】:

  • 在 Firefox 中也会出现别名问题。您可能需要考虑在此处使用按比例缩小的图像而不是高分辨率图像。

标签: html css image internet-explorer


【解决方案1】:

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

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

【讨论】:

  • 我绝对同意 YePhick 的观点。您应该考虑在这里使用矢量图形而不是位图图形。这将允许在不改变实际图片的情况下调整图片大小。
  • @thenewguy 我目前使用的是 png,你推荐什么格式?
  • 看看 HTML5 "SVG" - 一种在 HTML 中绘制矢量 2D 图形的语言。阅读更多w3schools.com/html5/html5_svg.asp
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-30
    • 2012-12-16
    • 2016-03-10
    • 1970-01-01
    • 2011-12-16
    相关资源
    最近更新 更多