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

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

图片不显示的常见原因

网速问题

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

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

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

相关推荐

  • steam账号名称是邮箱吗

    Steam账号名称是邮箱吗? 一、Steam账号的概念 Steam是一个由Valve Corporation开发的全球最大的数字游戏发行平台,它拥有超过3000万活跃用户,拥有众多热门游戏,包括《反恐精英》、《DOTA2》、《CSGO》等。Steam账…

    投稿 2023年3月19日
  • 尺和厘米怎么换算?厘米换算尺寸公式

    厘米与平方尺换算公式 :(长cm X 宽cm)X 0.0009 = 平方尺 以下单位为厘米 三尺全开:100 x 55 三尺单条:100 x 27 三尺横批:100 x 55 三尺对联:100 x 27 三尺斗方:55 x 50 四尺全开:138 x 69 四尺单条:138 x 3…

    2022年11月16日
  • 尤尼克斯羽毛球拍价格(尤尼克斯顶级球拍价格)

    尤尼克斯进攻型羽毛球拍推荐(600-1000元),能不能写一篇,这篇文章将前面的测评进行汇总,方便球友们参照; 尤尼克斯进攻型羽毛球拍--天斧9000S 天斧9000S是一款轻量型(75-79克)进攻型羽毛球拍;适合用来点杀球…

    2022年10月16日
  • 营销策划方案案例(一个产品的营销方案)

    最近很多后台网友留言给我,说能不能写一个怎么来做活动的营销,有没有好的方法可以依葫芦画瓢的照着流程去做,今天就给大家分享一个六部策划法:   一、想清楚活动的目的比如是为了引流,还是做充值、推新品,…

    2022年10月20日
  • 穿过寒冬拥抱你和李茂扮太子(穿过寒冬拥抱你和李茂扮太子哪个好)

    天目新闻的网友们,祝大家2022新年快乐!今天,天目新闻正式开启“穿过寒冬拥抱你天目请你看电影”活动。1月1日至1月3日,天目新闻将在每天12点发放2000份价值50元的电影消费券,3天一共发放6000张。先到先得,抢完为止。领取规则:(一)本次电影消费券仅限浙江省影院使用;(二)每位用户可领取一张电影消费券,券码领取后有效期为7天,过期自动作

    2022年1月9日
  • 职工医保2022年交多少钱(2022年重庆职工医保什么时候交)

    时间过得真快,转眼已经到了8月份,距离一年一度新农合缴费已经不到一个月的时间了。根据5月27日国家医保局、财政部和国家税务局联合发

    2022年1月6日
  • 音序查字法的步骤(音序查字典方法)

    音序查字法步骤: 第一步:在“汉语拼音音节索引”找到大写字母 第二步:在大写字母下面找音节 第三步:在音节右边找页码 第四步:在正文按四声找字 注意:音节不标声调,读音带声调。…

    2022年12月3日
  • 地摊火爆产品有哪些?地摊产品

    今天就为大家来介绍一下我总结的摆摊经验。今天献给讲讲大的品类,下一篇文章教大家怎么选择适合自己的具体商品。 1、饰品和化妆品 都说女人的生意好做,那女人谁不喜欢小饰品呢?而且饰品化妆品利润大,东西小,方便…

    2022年10月22日
  • 新手入门电脑教程(初学电脑0基础的应该怎么学)

    如今,手机已经成为我们生活中不可缺少的必需品,各种手机应用软件的层出不穷,使得智能手机占据了互联网的半壁江山,似乎手机无所不能了,平时,很多人觉得一手机在手便可以仗剑走天涯,但当我们走进

    投稿 2022年1月2日
  • 德国人为什么要杀犹太人(德国人为什么仇恨犹太人)

    第二次世界大战,是人类历史上规模最大的一场战争,也是人类

    2022年1月2日