Firefox中的图像会改变大小并失去质量

时间:2013-12-17 08:21:10

标签: html css image firefox image-resizing

每当我将图像上传到我的网站时,它会使图像比原始文件大一点,加上质量会下降,就好像它放大了一样。我在html代码中告诉它正确的图像大小是这样的:

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

因此,正确的大小调整应该显示,我不是要尝试更改代码中的维度或任何内容。当我保存文件并查看图片时,一切看起来都不错。但是一旦进入网站,它就会发生变化,我无法弄清楚原因。

以下是我目前正在处理的两个页面。在主页上的新闻滑块中,很明显圣诞节Novella新闻图片的质量已经丢失,这对我来说显然是一个问题。

http://thehummingbirdplace.com/

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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