【发布时间】: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