Internet Explorer 和 Firefox 未显示页面上的所有图像

Yan*_*ick 3 html firefox internet-explorer webp

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

这是我的网页在 Chrome 中的样子:(这也是它在任何浏览器中的样子):

这是它在 IE11 中的样子: 图2

正如您所看到的,左侧第三张图片没有显示,但在 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"/>
Run Code Online (Sandbox Code Playgroud)

出现问题的页面:http://exofeed.nl/ - 顺便说一下,我正在使用 wordpress。

以前有其他人遇到过这个问题吗?或者有人知道这可能是什么原因造成的吗?

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

我将不胜感激任何形式的帮助!

Chu*_*utt 5

这是因为所讨论的图像不是 JPEG(或 GIF 或 PNG),而是Google WebP,而 Internet Explorer 本身并不支持此类图像(Firefox 或 Safari 也不支持)。

在此输入图像描述

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

  • @Yannick 在答案被接受后您仍然可以发表评论:) (3认同)
  • 有时,这甚至不是原始图像采用什么格式的问题。ModPageSpeed 是一个通用模块,可以将图像从一种格式转码为性能更好的格式。在某些情况下,这是适用于 Android/Chrome 浏览器的 WebP。因此,即使您以另一种格式保存文件,它们也可能在一个会话中作为 WebP 提供,并在另一个会话中作为 PNG/JPEG/等提供。您应该检查您的托管解决方案,看看您是否正在使用 MPS,如果您在短期内有顾虑,请确保关闭 WebP 转码。从长远来看,该模块将进行更新来解决这个问题。 (2认同)