logo标签列表

Internet Explorer和Firefox在页面上没有显示所有的图片

htmlinternet-explorerfirefoxwebp
3
由于某种原因，我长期以来一直遇到网站的奇怪问题，但我仍然没有找出是什么导致了这个问题。
这是我的网页在Chrome中的样子：（这应该是在任何浏览器中都应该看起来像的）： 这是IE11中的样子： Image 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"/>

问题出现的页面：http://exofeed.nl/ - 顺便说一下，我正在使用WordPress。
有其他人遇到过这个问题吗？或者有人知道可能是什么原因引起的吗？
更新：看起来在Firefox上也不起作用...
我会非常感激任何形式的帮助！
刷新页面后，你还能看到这个问题吗？ - Kneel-Before-ZOD
你正在测试哪个版本的Internet Explorer？在F12开发者工具的网络面板中是否看到任何失败的资源？ - Sampson
@Kneel-Before-ZOD 刷新后问题仍然存在。我已经在使用IE11的三台不同电脑上尝试过了，但在这三台电脑上都无法正常工作。 - Yannick
你知道所提到的图片的图像类型吗？ - Kneel-Before-ZOD
1
@Kneel-Before-ZOD，正如Chuck所建议的那样，它似乎是WebP格式。 - Yannick
1个回答
5

这是因为所涉及的图片不是JPEG（或GIF或PNG），而是Google WebP，而Internet Explorer不支持此类图片（Firefox或Safari也不支持）。

enter image description here

最简单的解决方案就是将其转换为JPG格式。
你尝试过直接下载文件并像我建议的那样在HEX编辑器中打开它吗？http://i.imgur.com/6diMLOg.png - Chuck Le Butt
1
@Yannick 文件扩展名是完全独立的，当涉及到从互联网重新保存的图像时，看到不正确的扩展名并不罕见。 - Chuck Le Butt
1
@Chuck 我很震惊。原始图像也有同样的问题：它是WebP文件。http://i.imgur.com/11003B8.png - 猜测这只能让我没有其他选择，只能用照片编辑工具替换所有这些图像并重新保存为JPEG。感觉很傻，竟然没有考虑到图像格式可能存在问题。非常感谢！ - Yannick
3
@Yannick 在答案被接受后，您仍然可以留下评论 :) - Chuck Le Butt
2
有时候这并不是关于原始图像格式的问题。ModPageSpeed是一个常用的模块，可以将图像从一种格式转码为性能更好的格式。在某些情况下，这是针对Android/Chrome浏览器的WebP格式。因此，即使您将文件保存在另一种格式中，在一个会话中，它们可能作为WebP提供服务，在另一个会话中则作为PNG/JPEG等提供服务。您应该检查您的托管解决方案，看看是否使用了MPS，并确保在短期内关闭WebP转码，如果您有相关问题。长期来看，该模块将有更新以解决这个问题。 - tobint
显示剩余19条评论
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接