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

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

图片不显示的常见原因

网速问题

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

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

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

相关推荐

  • 物理降温不管用怎么办?如何物理降温

    物理降温是指用低于人体的温度作用于局部或者全身,来达到消炎、镇痛、降温等目的,以下3种推荐使用。 1.冰袋降温法。适用于体温39度以上的高热患者,部位为腋窝、腹股沟及腘窝(膝盖后方凹陷处)等血管丰富处。每次应放…

    投稿 2022年12月7日
  • (微信公众平台官网注册)微信公众号申请

    随着个人和企业用户对微信公众号的青睐,越来越多的用户都想拥有自己的微信公众号。那么怎么才能申请创建属于自己的公众号呢?现在给大家介绍申请创建微信公众号的方法,希望对大家有所帮助。 微信公众号创建的步骤…

    2022年10月5日
  • 打耳洞疼吗?打耳洞禁忌

    打耳洞疼不疼?这个问题要因人而异。 的确,有的人天生体质好,对疼痛不敏感,所以会说打耳洞不疼。但这并不是重点。重点是打耳洞要去正规的机构去打,那些路边没有任何消毒措施的首饰摊,最好别去。如果你运气好自…

    2022年12月4日
  • 怎样做豆豉?农家豆豉的制作

    用料 干黄豆 6斤 豆豉草 适量 白酒 适量 花椒面 150克 辣椒面 500克 熟芝麻 350克 蒜 650克 姜 300克 五香粉 50克 盐 适量 做法步骤 1、先把干黄豆用水泡制7到8小时左右,泡胀为止 2、在洗净用一个筛漏捞出晾干水 3…

    2022年11月30日
  • 指南针怎么用?如何使用指南针

    注意,今天咱们说的只是针对专业指南针,此类指南针一般都包含测坡度,测距离,导航等多种功能。在导航的时候,尽量让指南针保持水平,这样才能更准确。为了避免磁针发生错乱,在使用指南针的时候,应该远离铁丝网,…

    2022年11月26日
  • 无负压供水设备什么意思

    无负压供水设备 一、什么是无负压供水设备 无负压供水设备是一种特殊的供水设备,它能够在没有负压的情况下提供高品质的供水。它的原理是通过利用水压的力量来把水从水源输送到用户所需要的地方。 二、无负压供水设…

    投稿 2023年8月18日
  • 手机浏览器排行榜第一名是谁(最流畅的手机浏览器)

    随着移动智能设备的普及,以及WIFI覆盖范围的扩大,越来越多的人习惯通过移动网络访问互联网。现如今,各种各样的手机浏览器不断涌现,各大浏览器厂商在手机端的竞争十分激烈。那么,对于用户而言,手机浏览器哪个好…

    2022年11月20日
  • 二表姐的新家如何装修?新家装修攻略细节

    表姐的新家历经3个月时间终于完成装修,便开始嘚瑟装修得有多么好看,我也顺势的去她家参观一下,看看是否真的如同传说中的一样漂亮? 一、客厅 表姐说刷大白墙容易脏而且太单调了,便了刷了浅黄色乳胶漆,同时电视…

    2021年11月3日
  • 这样的孩子谁养(从小被穷养的孩子)

    文|凌小麦写最暖心的文字,治愈孤寂的心,关注我,温暖你。-01-金钱,人人向往。因为没钱那种滋味,确实会让人觉得自卑。我发现,穷养大的孩子,干什么都缩手缩脚,目光短浅,我就是这样的人。所以,现在我是赞成富养孩子的,因为我家是独生女,普通家庭,不算富裕。现在女儿读大一,一个月的生活费

    2022年1月8日
  • 一寸证件照尺寸怎么设置?一寸照片尺寸

    寸证件照如何制作?在我们的日常生活中一寸证件照的使用范围还是十分广泛的,一般可以用在驾驶证、结婚证、老年证、医保卡等场景。如果突然需要使用到一寸证件照,但是我们手头上却没有证件照,那么应该怎么办呢?其…

    2022年11月25日