【白话科普】网站图片不展示，背后原因你都清楚

在浏览网页时，什么是最重要的？它是充满信息的文本吗？别指望，这是我的照片!在这个快节奏的时代，在碎片化的时间里，图片是最容易传达信息的。因此，图片在网页中是不可缺少的。然而经常有朋友反应，打开页面的时候图片没有显示，这是为什么呢？是什么原因导致图像加载失败？

图片不显示的常见原因

网速问题

如果在打开页面的时候不能打开图片，首先要检查的是网速问题，如果网速太慢或者图片提到的太大，就会出现图片加载失败的情况。

检查方法：网速太慢有直接感觉，比如打开b百度、新浪等网站都比较慢，如果可以的话，可以搜索“网速测试”直接上网测试自己的网速。

Internet 选项设置不当

当浏览器对图片进行过滤，或者将我们访问的网站添加到限制站点时，图片可能无法显示。我们可以点击浏览器工具，点击Internet选项，对于第一种情况，我们选择高级选择，点击显示图片，最后选择应用程序，然后重新访问网站。在后一种情况下，我们可以选择安全选项，点击限制站点，将我们访问的站点从限制站点列表中删除，最后选择“应用”。

除了刷新访问之外，我们还可以使用浏览器内置的抓包工具来查看访问效果，可以在页面上按下F12或者右键单击页面上的“检查”，就可以看到开发者工具的内容。

然后打开Network面板，其中记录了页面上每个网络操作的信息，包括详细的耗时数据、HTTP请求和响应头以及cookie。

单击资源名称以查看有关该资源的更多信息。

可用的标签根据您选择的资源类型而有所不同，但以下四个标签是最常见的：

Headers:与资源关联的HTTP头。Headers标签显示资源的请求地址、HTTP方法和响应状态码。此外，标记列出了HTTP响应和请求头、它们的引用以及任何查询字符串参数。预览：预览JSON，图像和文本资源。Preview选项卡可能显示资源的预览，也可能不显示，这取决于您所选择的资源类型。响应：如果存在，则显示资源的未格式化HTTP响应的内容。计时：资源请求生命周期的详细分解。您可以在控制台中查看图片响应状态和响应时间，确定不显示的原因，以便更快地解决问题。

当然也有一些特殊的原因，比如现在流行的WebP格式图片，因为不是所有的浏览器都支持，有时候会出现图片不显示的情况，下面我们就来仔细看看。

为了减少图片在互联网上的发送时间和流量消耗，现在很多网站都选择WebP格式的图片。WebP结合了各种图像文件格式的特性。与JEPG一样，它也适用于压缩照片和其他细节丰富的图像，比如用于显示动态图像的GIF，以及用于支持透明图像的PNG。WebP也比其他格式表现得更好。根据谷歌的测试，WebP无损压缩图像使用的文件大小比PNG图像少45%。

使用WebP有很多好处，但并不是所有浏览器都支持WebP，比如Internet Explorer、某些版本的Firefox等等。因此，当浏览器不支持它时，图像将不显示。

面对这种情况，有没有办法使WebP格式支持浏览器查看WebP图像，而不以WebP格式显示原始格式的图像？

网站页面

浏览器不支持 WebP

:https://www.upyun.com/webpwebp自适应功能将判断客户端浏览器是否支持WebP解码，如支持返回WebP图像，或返回原始图像，客户端和源站不做任何改变。WebP自适应打开也很简单。你只需要点击后台的打开按钮。

如果您想要减少图像的大小而又不让用户无法查看它们，请查看WebP