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

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

图片不显示的常见原因

网速问题

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

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

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

相关推荐

  • 怎么查自己电脑配置?在线检测电脑配置

    大家好,今天跟大家分享两个快速查看电脑配置参数信息的办法。 方法一、使用DxDiag命令 操作步骤如下: 1 右击电脑屏幕最下方任务栏左侧的电脑徽标按钮,在弹出的菜单中选择“运行”。   2 在打开的“运行”对话框…

    2022年11月25日
  • 密度计的刻度是均匀的吗?密度计读数与密度换算

    1潜水艇:靠改变自身的重量来实现浮沉,其重要部分是水舱。 2轮船: 2.1轮船的大小通常用排水量来表示,排水量是个专有名词,它是指船满载时排开的水的质量。如将上述质量算成重量也就是船满载后受到的水的浮力(即船受到…

    2022年11月24日
  • 苹果8p多少寸

    苹果8P多少寸:6.5英寸 一、苹果8P的外观 苹果8P采用了6.5英寸的屏幕,采用了经典的苹果手机设计,采用了全面屏设计,屏幕比例为19.5:9,屏幕分辨率为2688×1242,拥有一块非常清晰的屏幕,色彩鲜艳,视觉效果非常出…

    投稿 2023年6月28日
  • 全球购物网站有哪些?购物网站排名

    10. 扎兰多   Zalando 是一家德国电子商务公司,总部位于德国柏林。该公司为 20 多个欧洲市场的消费者提供时尚和生活方式产品,自 2008 年成立以来一直如此。 2020 年收入:79.82 亿欧元 首席执行官:罗伯特·根…

    2022年10月24日
  • 在家能做的兼职工作有哪些?用电脑可以做的副业

    有人面临失业,有人面临工资降低,甚至是被隔离在家,整个处于入不敷出的状态,做副业也成为了现在人们的刚需,首先是为了提升收入水平,减少压力,其次就是那些在家就能做的副业也能应对一些突发情况。   下面…

    2022年11月21日
  • 无线猫怎样连接路由器?路由器和猫连接外宽带

    在家庭路由器深度折腾这个合集里,本来是想把路由器除了上网自带的其他功能讲解一下的,后来发现好多人更关注的是如何让家里的路由器可以上网。可能平时交流的朋友都是有一定网络基础的,忽略了很多人的需求还是停留…

    2022年11月13日
  • 背景图片2022新款(2022最火的图片)

    日子很毒,且没有解药,但止疼片有很多,比如换个朋友圈背景图,换个心情   给时间一点时间,让过去过去,一切从心开始,2022愿你眼里有光,心中有爱,遇见皆是美好   人生不过就是一场旅行,你路过我,我…

    2022年10月1日
  • 新手开车注意事项视频(第一次开车上路注意事项)

    新手司机拿到驾驶证以后,最开始的一段时间内开车上路,很多人会有紧张感,这是可以理解的,那如何渡过最初这段适应期,避免出错呢?下面就是我总结的新手开车五不要和五个技巧,相信,看完对你一定会有帮助。 第一…

    投稿 2022年12月3日
  • 自然数包括负数吗?自然数包括哪些

    1、0既不是正数,也不是负数、 2、正整数、零和负整数统称为整数、 3、整数和分数统称为有理数、 4、零和正整数称为自然数、 5、0和正数统称为非负数: 0和负数统称为非正数、 6、规定了原点、单位长度和正方向的直线…

    投稿 2022年12月4日
  • 暴力摩托小游戏(单机暴力摩托车游戏)

    对于早年的玩家来说,每一款游戏都弥足珍贵。即使难度再高、地图再复杂,也要想办法通关。为了玩游戏,我们甚至学会了画图和做笔记的习惯。 好在当年的玩家都有这么执着,要不然还真会留下一些遗憾。   也正是…

    2022年11月14日