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

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

图片不显示的常见原因

网速问题

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

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

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

相关推荐

  • 差字的部首是什么

    一、汉字的部首 汉字是汉族文化的重要组成部分,它们不仅是汉语的基本组成单位,而且也是汉族文化的象征。汉字由部首和部件组成,部首是汉字的基本组成单位,也是汉字的精华所在。 二、部首的种类 部首有很多种,如“…

    投稿 2023年7月17日
  • 修眉刀怎么用?修眉刀的正确拿法

    你是否也有过这样一个体验,那就是你和你的朋友都是使用了同样的化妆产品,化妆的手法也是一样的,但是对方看起来的妆容就是要比你自然,比你好看呢? 对一个人来说一个好看的眉毛可以提升我们整体的气质,如果你的眉…

    2022年12月3日
  • 家用热交换器(家用换热器)

    燃气热水器的热交换器,又称作水箱,是热水器的“心脏”部件,没有它,就不叫热水器了。 它的材质,决定了制热水的效率,和整个热水器的使用寿命。 行业内热交换器的材质,一般有三种:不锈钢、无氧铜、磷脱氧铜。 铜…

    投稿 2022年10月18日
  • 结婚当天注意事项(婚礼当天详细流程表)

    NO.1 仪式开始前,新郎、新娘要将随身物品交由专人保管 仪式开始前,新郎新娘最好检查一下身上有没有带手机。如果将手机带上场,突然接到亲朋好友的电话祝福,场面会很尴尬哦! 随身物品最好交由专人保管,这样东西…

    2022年12月2日
  • 什么是财务报表?财务报表名词解释大全

    财务报表包括资产负债表、利润表、所有者权益变动表、现金流量表和附注,即我们经常说的“四表一注”。 1、资产负债表 俗称“照片”,指的是本企业某一时点的资产负债情况,即本企业到底有多少资产,到底有多少外部负债…

    投稿 2022年11月8日
  • 华为p9配置参数详情(p9的手机型号)

    华为p9配置参数详情(p9的手机型号)  2月15日消息,经历了2015年的混战,华为已经在中高端市场崭露

    2022年1月18日
  • 抖音同城业态怎么做?这里有8000字实践方法论

    抖音同城生态下的各类角色 大家发现了吗,我们刷抖音的时候,越来越容易刷到同城内容,也就是附近的吃喝玩乐。 这个现象反映了什么趋势?抖音流量正在向同城倾斜。 抖音本质上是要对打美团。一位知情人士告诉我,为…

    2021年11月1日
  • ffmpeg录屏原理(ubuntu自带录屏软件介绍)

      FFmpeg是领先的多媒体框架,是一个强大的处理音视频的开源库,能够解码、编码、转

    2022年1月23日
  • 小程序下单助手怎么申请

    小程序下单助手申请:把您的商业模式转变为线上 随着移动互联网的发展,越来越多的企业开始转向线上模式,小程序下单助手就是一款能够帮助企业实现线上营销的软件。小程序下单助手可以帮助企业实现线上营销,提高营…

    投稿 2023年7月13日
  • 蒸饭要蒸多久?普通锅隔水蒸米饭要多久

    大米是咱们平常生活中非常常见的一种主食,大米可以做成各种各样的糕点,而且做成大米饭之后是很多朋友每天都要吃的主食。很多人每天都要蒸米饭,但是蒸出来的米饭却有时候好吃,有时候不好吃。那么米饭怎么蒸是最好…

    2021年11月16日