Internet Explorer 和 Firefox 未在页面上显示所有图像答案

【问题标题】：Internet Explorer and Firefox not showing all images on pageInternet Explorer 和 Firefox 未在页面上显示所有图像
【发布时间】：2015-03-05 17:21:50
【问题描述】：

由于某种原因，我的网站长期以来一直遇到奇怪的问题，但我仍然没有弄清楚是什么导致了问题。

这是我的网页在 Chrome 中的样子：（这是它在任何浏览器中的样子）：

这是它在 IE11 中的样子：

如您所见，左起第三张图片没有显示，但在 Chrome 上却显示了。这已经发生过多次。我已经检查了宽度和高度参数，所有这些都是正确的：但 IE 说我的图像尺寸是 283x16px 而不是 349x240px（右键单击 > 属性）。

<img width="349" height="240" src="http://exofeed.nl/wp-content/uploads/2015/01/Belgian-film-student-travels-more-than-5000-miles-to-be-friends-with-a-complete-stranger__880-1-349x240.jpg" class="attachment-grid-post wp-post-image" alt="Belgian-film-student-travels-more-than-5000-miles-to-be-friends-with-a-complete-stranger__880 (1)" title="Man reist 8000 kilometer af om een compleet vreemde te ontmoeten van Facebook"/>

出现问题的页面：http://exofeed.nl/ - 顺便说一下我用的是wordpress。

以前有没有人遇到过这个问题？或者有人知道是什么原因造成的吗？

更新：看起来它在 Firefox 上也不起作用...

如果能提供任何帮助，我将不胜感激！

【问题讨论】：

刷新页面后是否还有问题？
您正在测试哪个版本的 Internet Explorer？您是否在 F12 开发者工具的网络面板中看到任何失败的资源？
@Kneel-Before-ZOD 刷新后问题依然存在。我已经在使用 IE11 的 3 台不同的计算机上进行了尝试，但在这三台中的任何一台上都不起作用。
你知道问题图片的图片类型吗？
@Kneel-Before-ZOD 似乎是 Chuck 建议的 WebP。

标签： html internet-explorer firefox webp

【解决方案1】：

这是因为有问题的图像不是 JPEG（或 GIF 或 PNG）而是 Google WebP，而 Internet Explorer 本身并不支持此类图像（and neither do Firefox or Safari 就此而言）。

最简单的解决方案是将其转换为 JPG。

【讨论】：

@JonathanSampson 听起来您要么在看错误的图像，要么您有一个在 IE11 中添加了对 WebP 的支持的附加组件。图像绝对不会在 IE 中加载。这是它的直接链接：exofeed.nl/wp-content/uploads/2015/01/…
@Yannick 文件扩展名是完全独立的，当涉及从互联网重新保存的图像时，看到不正确的扩展名并不少见。
@Chuck 我惊呆了。原始图像有同样的问题：它是一个 WebP 文件。 i.imgur.com/11003B8.png - 除了替换所有这些图像并在照片编辑器工具中将它们重新保存为 JPEG 之外，我别无选择。感觉很愚蠢，我什至没有考虑图像格式可能存在问题的事实。非常感谢！
@Yannick 答案被接受后你仍然可以离开 cmets :)
有时这甚至不是原始图像格式的问题。ModPageSpeed 是一个通用模块，可以将图像从一种格式转码为性能更好的格式。在某些情况下，这是适用于 Android/Chrome 浏览器的 WebP。因此，即使您以另一种格式保存文件，它们也可能在一个会话中作为 WebP 提供，而在另一个会话中作为 PNG/JPEG/等提供。您应该检查您的托管解决方案，看看您是否在使用 MPS，如果您在短期内有顾虑，请确保关闭 WebP 转码。从长远来看，该模块将有更新来解决这个问题。