网页图片显示不出来?网页图片不显示

浏览网页的时候,什么才是最重要的?是充满信息的文字么?没想到吧,是我图片哒!在这个快节奏的时代里,图片才是碎片化时间中最容易传递信息的存在。因此在网页中,图片是不可或缺的存在。然而经常有朋友反应,打开网页的时候不显示图片,这是为什么呢?是什么原因导致了图片无法加载呢?

图片不显示的常见原因

网速问题

如果打开网页的时候无法打开图片,首先应该检查的就是网速问题,如果网速太慢或某张图片提及过大,就会出现图片加载失败的情况。

检查方法:网速过慢自己可有直接感觉,如打开百度、新浪之类的网站都比较慢,可以的话,可以直接百度搜“网速测试”进行直接在线测试自己的网速。

Internet 选项设置不当

当浏览器过滤了图片,或者将我们所访问的网站添加到受限站点,也可能导致图片无法显示。我们可以点击浏览器工具,点击 Internet 选项,针对第一种情况,我们选择高级选择,点击显示图片,最后选择应用,在重新访问网站就可以了。如果是后一种情况,我们可以选择安全选项,点击受限站点,删除受限站点的列表中我们所访问的网站,最后选择下应用就好了。

除去重新刷新访问外,我们也可以用浏览器自带的抓包工具来看下访问效果,可以在页面按 F12 或者在页面上右键点“检查”,就可以看到开发者工具的内容。

网页图片显示不出来?-1

之后打开 Network 面板,该面板记录页面上每个网络操作的相关信息,包括详细的耗时数据、HTTP 请求与响应标头和 Cookie。

网页图片显示不出来?-2

点击资源名称,可以查看与资源有关的更多信息。

可用标签会因您所选择资源类型的不同而不同,但下面四个标签最常见:

  • Headers:与资源关联的 HTTP 标头。Headers 标签可以显示资源的请求地址、HTTP 方法以及响应状态代码。此外,该标签还会列出 HTTP 响应和请求标头、它们的指以及任何查询字符串参数。
  • Preview : JSON、图像和文本资源的预览。 Preview 标签会显示该资源的预览信息,也可能不显示,具体取决于您所选择资源的类型。
  • Respones : 显示资源未格式化的 HTTP 响应内容(如果存在)。
  • Timing : 资源请求生命周期的精细分解。
网页图片显示不出来?-3

可以在控制台看下图片响应的状态以及响应的时间来判断不显示的原因,以便于更快地解决问题。

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

浏览器不支持 WebP

为了减少互联网上图片的发送时间和流量消耗,现在很多网站都选择了 WebP 格式的图片。WebP 集合了多种图片文件格式的特点。它像 JEPG 一样适合压缩照片和其他细节丰富的图片,像 GIF 一样可以显示动态图片,像 PNG 一样支持透明图像。同时 WebP 在性能上也比其他格式的图片更强劲,根据 Google 的测试,WebP 无损压缩图片比 PNG 图片少了45%的文件体积。

网页图片显示不出来?-4

使用 WebP 确实能给实际应用带来很多好处,但是因为并非所有浏览器都支持 WebP ,比如:IE、Firefox 某些版本等。所以当浏览器不支持时,就会出现图片无法显示的问题。

面对这种情况,有办法让支持 WebP 格式的浏览器看 WebP 图片,不支持 WebP 格式的显示图片原格式吗?

又拍云的 WebP 自适应功能

  • 官网页面:https://www.upyun.com/webp
网页图片显示不出来?-5

WebP 自适应功能会判断客户端浏览器是否支持 WebP 解码,如支持则返回 WebP 格式图片,否则返回原图,客户端以及源站无需任何改动。WebP 自适应开启方式也非常简单。只需要在又拍云后台点击开启键即可。

原创文章,作者:跳跳,如若转载,请注明出处:https://ziliaobaba.com/4978.html

(0)
跳跳跳跳
上一篇 2021年11月11日 09:18
下一篇 2021年11月11日 09:21

相关推荐

  • 做视频怎么挣钱?如何做短视频创业

    “自媒体行业已经饱和了,新手进这个行业就是被割的韭菜” 这个最近悄然流行起来的说法正确吗?小二不这样认为。自媒体仍是大有可为的一个行业,仍是众多行业里,门槛最低的几个之一,只需要准备一个账号,就能开启赚…

    2021年11月13日
  • 王者荣耀一个赛季有几个王者?王者荣耀新赛季皮肤

    王者荣耀自公测开始以来,到如今快有六年的时间了,除了英雄和皮肤之外,相信大多数玩家都比较看重段位这一方面,因为只有提升自己的段位,才能够证明自己的实力,更能够体现出在游戏中存在的意义。对于新手玩家来说…

    2021年11月14日
  • 空调不出水怎么回事

    空调不出水怎么回事========================空调是家庭中重要

    投稿 2023年3月11日
  • 有底座假发髻怎么固定?假发髻固定教程

    有很多人都说假发容易掉,却不知道是自己买的假发不够牢固。戴假发在公众场合掉落,的确是一件十分尴尬的事情,恨不得找个缝儿钻进去。 不过,现在很多假发的牢固性都是很强的,比如定制假发,日常生活都不容易掉落…

    2021年11月3日
  • 怎么上纪委工作(应聘人员基本条件分享)

    根据工作需要,按照《事业单位人事管理条例》和事业单位公开招聘有关政策规定,中央纪委国家监委新闻传播中心、中央纪委国家监委机关综合服务中心、中央纪委国家监委峪口管理中心、中国纪检监察学院、中国纪检监察学…

    投稿 2021年11月2日
  • 怎么下载电影到电脑?

    网页中的视频如何下载到电脑上,你是不是很头疼?怎么下载保存网页中的视频,特别是网页中嵌入的优酷、腾讯等其他平台的视频,我们在日常的工作和生活中,特别是办公的时候,浏览到某个网页的时候,感觉到中间的视频…

    2022年11月10日
  • 奶奶喜得孙子怎么祝贺

    孙子喜得一子,奶奶喜出望外 一、激动的心情 当孙子喜得一子,奶奶的心情是无比激动的,她把孙子当成自己的孩子,把孙子的孩子当成自己的孙子,一家人团聚在一起,奶奶的心情更是激动无比。 二、祝福的话语 当奶奶看…

    投稿 2023年6月25日
  • lol怎么录视频?英雄联盟录屏按哪个键

    通常我会使用第三方工具来实时录制游戏的进程画面,如果你还没有找到合适的录制工具,我推荐一款我经常使用的视频录制工具—万兴优转。 1、启动万兴优转 启动万兴优转,点击左侧【屏幕录制】,点击中部摄像机图标或点…

    2022年11月11日
  • ac路由器是什么意思

    AC路由器:家庭网络的重要组成部分 一、什么是AC路由器 AC路由器是一种无线路由器,可以提供高速无线网络连接。它可以将多台设备连接到同一个无线网络,并且可以提供高速的数据传输速率。 二、AC路由器的优势 1、更…

    投稿 2023年6月27日
  • 笔记本散热器怎么用?笔记本散热器用法

    笔记本电脑有一个致命的缺点是它的散热性不太好,为此很多人使用笔记本电脑时间久了,会很明显的触摸到它表面非常的热,这就需要散热器,笔记本散热器使用步骤有哪些?在使用笔记本散热器时候,也需要清楚笔记本散热…

    2022年12月3日