【问题标题】:Image changes size and loses quality in Firefox图像在 Firefox 中改变大小并降低质量
【发布时间】:2013-12-17 16:51:03
【问题描述】:

每当我将图像上传到我的网站时,它都会使图像比原始文件的大小略大,而且质量会下降,就好像它正在放大或其他什么一样。我在 html 代码中告诉它正确的图像大小是这样的:

img src="_images/podcast/120913_slider.png" width="851" height="323" alt="News1"

所以应该显示正确的尺寸,我不是要更改代码中的尺寸或任何内容。当我保存文件并查看图片时,一切看起来都很好。但是一旦它进入网站,它就会改变,我不知道为什么。

这是我目前正在处理的两个页面,我看到了这一点。在主页的新闻滑块中,很明显圣诞中篇小说的新闻图片质量已经下降,这对我来说显然是个问题。

http://thehummingbirdplace.com/

http://thehummingbirdplace.com/episode/12/9.html

我还尝试从网站再次下载图像(“将图像另存为”选项),但它看起来与我拥有的原始图像相同(更小且质量更高),所以我不明白为什么在页面上显示不同。我正在使用 Firefox,我绝对没有放大页面或任何东西,我已经检查过了。而且我没有在我访问的其他网站上看到这种情况,只是在我的网站上以及在多台计算机上,所以我知道我一定在代码中做错了什么?

如果有明显的解决方案,我很抱歉,谢谢你的帮助!!

更新:图像在 Chrome 中显示正常,但似乎不是 Firefox

【问题讨论】:

  • 在其他浏览器中看起来一样吗?
  • 图片在 Chrome 上看起来质量不错,也不比原图大。
  • 在 Firefox 和 chrome 851x323 上,您的滑块图像尺寸适合我
  • 我刚刚检查了 Chrome,你是对的,它在那里显示得很好,所以我不确定为什么它会在 Firefox 上进行更改。正如我所说,我在另外两台计算机上看到了这个,所以我知道它不只是我的,并确保它没有被放大或类似的东西
  • 尝试查看 -> 缩放 -> 重置

标签: html css image firefox image-resizing


【解决方案1】:

根据您的链接,网站上的图像正是链接的图像(而不是调整大小),我看不出它们之间有什么区别。您确定要以以下分辨率导出图像:851x323 吗?

【讨论】:

  • 我仔细检查了文件,我电脑上的图像是 851x323,但它们看起来比网站上显示的更小更清晰。我不想调整大小,我只想让它们以与创建时相同的大小和相同的清晰质量显示
猜你喜欢
  • 2014-08-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-06-07
  • 2019-08-23
  • 2017-08-03
  • 1970-01-01
相关资源
最近更新 更多