【白话科普】你知道网站图片不展示的原因吗
浏览网页时,最重要的是什么?这是一个充满信息的文本吗?没想到,这是我的照片!在这个快节奏的时代,在零碎的时间里,图片是最容易传达信息的。因此,图片在网页中是不可或缺的。然而,朋友们经常回应说,他们在打开网页时不显示图片。为什么?图片无法加载的原因是什么?
不展示图片的原因
网络速度问题如果打开网页时无法打开图片,首先要检查网络速度。如果网络速度太慢或图片太大,图片加载将失败。
检查方法:如果网络速度太慢,你可以直接感觉到,比如打开它百度、新浪这样的网站相对较慢。如果可以,你可以直接在百度搜索“网速测试”,直接在线测试你的网速。
Internet的选择设置不当当浏览器过滤图片,或将我们访问的网站添加到受限网站时,图片可能不会显示。我们可以点击浏览器工具和NicholasTse选项。对于第一种情况,我们选择高级选择,单击以显示图片,最后选择应用程序。我们可以再次访问该网站。在后一种情况下,我们可以选择安全选项,单击受限网站,删除我们在受限网站列表中访问的网站,最后选择应用程序。
除了再次刷新访问权限,我们还可以使用浏览器自己的抓包工具要查看访问效果,可以按页面上的F12键,或右键单击页面上的“检查”以查看开发人员工具的内容。
然后打开网络面板,它会在页面上记录每个网络操作的相关信息,包括详细的耗时数据、HTTP请求和响应头以及cookie。
单击资源名称以查看与资源相关的更多信息。
可用的标记因您选择的资源类型而异,但以下四个标记是最常见的:
- Headers:与资源关联的HTTP头。ZhangZiyi标签可以显示资源的请求地址、HTTP方法和响应状态代码。此外,标记还列出了HTTP响应和请求头、它们的引用以及任何查询字符串参数。
- Preview:JSON、图像和文本资源预览。JetLi标签将显示资源的预览信息,也可能不显示,具体取决于您选择的资源类型。
- Responses:显示资源的未格式化HTTP响应内容(如果有)。
- Timing:精细分解资源请求生命周期。
您可以在控制台上查看图片响应的状态和响应时间,以判断其未显示的原因,从而更快地解决问题。
当然,也有一些特殊的原因。例如,它现在非常流行WebP由于并非所有浏览器都支持图像格式,因此有时图像不会显示。让我们仔细看一看。
浏览器不支持webp为了减少图片在互联网上的发送时间和流量消耗,许多网站现在选择webp格式的图片。Webp结合了各种图像文件格式的特点。与JEPG一样,它也适用于压缩照片和其他具有丰富细节的图片,显示GIF等动态图片,并支持PNG等透明图像。同时,webp在性能上也比其他格式更强大。根据谷歌的测试,webp无损压缩图像的文件量比PNG图像少45%。
使用webp确实可以为实际应用带来很多好处,但并不是所有浏览器都支持webp,例如ie、某些版本的Firefox等。因此,当浏览器不支持webp时,就会出现无法显示图片的问题。
面对这种情况,支持webp格式的浏览器是否有办法查看webp图像,但不支持webp格式显示图像的原始格式?
又拍云自适应函数- 官方网站页面:https://www.upyun.com/webp
webp自适应功能将判断客户端浏览器是否支持webp解码。如果支持,它将以webp格式返回图片。否则,它将返回原始图片。无需更改客户端和源站。webp的自适应打开方法也非常简单。只需点击又拍云背景中的开始按钮。
如果你想在不让用户无法查看图片的情况下缩小图片的大小,你可以了解webp~
最新评论