【白话科普】网站图片不显示，背后的原因你都清楚吗
浏览网页的时候，什么才是最重要的？是充满信息的文字么？没想到吧，是我图片哒！在这个快节奏的时代里，图片才是碎片化时间中最容易传递信息的存在。因此在网页中，图片是不可或缺的存在。然而经常有朋友反应，打开网页的时候不显示图片，这是为什么呢？是什么原因导致了图片无法加载呢？
图片不显示的常见原因
网速问题
如果打开网页的时候无法打开图片，首先应该检查的就是网速问题，如果网速太慢或某张图片提及过大，就会出现图片加载失败的情况。
检查方法：网速过慢自己可有直接感觉，如打开百度、新浪之类的网站都比较慢，可以的话，可以直接百度搜“网速测试”进行直接在线测试自己的网速。
Flash Player 问题
有的时候打开网站后，图片会显示需要 Flash Player，遇到这种提示后，我们可以点击控制面板，双击 Flash Player 选项，电脑桌面显示出了 Flash Player 设置管理器，然后选择高级，点击立即测试。我们点击浏览器右上角的工具。选择管理加载项，启用 shockwave flash object，然后点击确定。
Internet 选项设置不当
当浏览器过滤了图片，或者将我们所访问的网站添加到受限站点，也可能导致图片无法显示。我们可以点击浏览器工具，点击 Internet 选项，针对第一种情况，我们选择高级选择，点击显示图片，最后选择应用，在重新访问网站就可以了。如果是后一种情况，我们可以选择安全选项，点击受限站点，删除受限站点的列表中我们所访问的网站，最后选择下应用就好了。
除去重新刷新访问外，我们也可以用浏览器自带的抓包工具来看下访问效果，可以在页面按 F12 或者在页面上右键点“检查”，就可以看到开发者工具的内容。
之后打开 Network 面板，该面板记录页面上每个网络操作的相关信息，包括详细的耗时数据、HTTP 请求与响应标头和 Cookie。
点击资源名称，可以查看与资源有关的更多信息。
可用标签会因您所选择资源类型的不同而不同，但下面四个标签最常见：
Headers：与资源关联的 HTTP 标头。Headers 标签可以显示资源的请求地址、HTTP 方法以及响应状态代码。此外，该标签还会列出 HTTP 响应和请求标头、它们的指以及任何查询字符串参数。
Preview : JSON、图像和文本资源的预览。 Preview 标签会显示该资源的预览信息，也可能不显示，具体取决于您所选择资源的类型。
Respones : 显示资源未格式化的 HTTP 响应内容（如果存在）。
Timing : 资源请求生命周期的精细分解。
可以在控制台看下图片响应的状态以及响应的时间来判断不显示的原因，以便于更快的解决问题。
当然也有一些比较特殊的原因，比如现在非常流行的 WebP 格式的图片，由于不是所有浏览器支持，有时候也会出现图片不显示的情况，下面我们来细看下。
浏览器不支持WebP
为了减少互联网上图片的发送时间和流量消耗，现在很多网站都选择了 WebP 格式的图片。WebP 集合了多种图片文件格式的特点。它像 JEPG 一样适合压缩照片和其他细节丰富的图片，像 GIF 一样可以显示动态图片，像 PNG 一样支持透明图像。同时 WebP 在性能上也比其他格式的图片更强劲，根据 Google 的测试，WebP 无损压缩图片比 PNG 图片少了45%的文件体积。
使用 WebP 确实能给实际应用带来很多好处，但是因为并非所有浏览器都支持 WebP ，比如：IE、Firefox 某些版本等。所以当浏览器不支持时，就会出现图片无法显示的问题。
面对这种情况，有办法让支持 WebP 格式的浏览器看 WebP 图片，不支持 WebP 格式的显示图片原格式吗？
这里就要介绍下又拍云的 WebP 自适应功能。
WebP 自适应功能会判断客户端浏览器是否支持 WebP 解码，如支持则返回 WebP 格式图片，否则返回原图，客户端以及源站无需任何改动。WebP 自适应开启方式也非常简单。只需要在又拍云后台点击开启键即可。
推荐阅读
【白话科普】网站图片不显示，背后的原因你都清楚吗相关推荐
- 织梦网站上传服务器不显示图片,织梦网站图片不显示图片
织梦网站图片不显示图片 内容精选 换一换 在"文章列表"插件中,检查"设置 > 列表数目"的"显示文章条数"和"显示分页&q ...
- Freemarker导出word图片不显示可能的原因
最近工作中需要导出word,百度一下后发现freemarker支持自己定义模板样式,只要把数据按规定格式塞进去就好,尝试之后发现导出的图片不显示,一番操作后发现了原因,记录一下,以防止下次再忘了: 1 ...
- 部分浏览器网站图片不显示问题（图片命名和广告过滤）
有的时候写网站,有的图片在部分浏览器下是不会显示的,被浏览器当成广告过滤掉了. 原因是什么呢?那就是有的浏览器可能会将以"ad"命名的文件.id或class当做广告过滤掉或屏蔽. ...
- eclipse导入图片不显示是什么原因
- adb devices 不显示设备，原因你都猜不到
adb devices 不显示设备,记录排查过程 软硬件环境 问题现象 排查 总结 记录时间:2021-10-21 软硬件环境 电脑:惠普 HP ProBook 440 G5 笔记本电脑 主板:惠普 ...
- github README.md插入图片,图片尺寸设置,图片无法显示解决
github README.md插入图片无法显示问题解决 排查原因 图片引入 设置图片尺寸 解决方法 排查原因 今日在使用github .md在插入图片时引自己仓库里图片不能正常显示, 搜集排查原因主 ...
- 网站中图片的显示和隐藏
网站中图片的显示和隐藏 显示图片:img.style.display="block"; 隐藏图片:img.style.display ="none"; < ...
- 苹果cms图片采集到网站服务器上,苹果cms采集的图片不显示解决办法
这篇文章主要为大家详细介绍了苹果cms采集的图片不显示解决办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 一般图片不显示就两种原因 1.图片地址无效 什么情 ...
- 手机php网站不显示图片,javascript,_手机页面用innerHTML拼接的图片不显示，javascript - phpStudy...
手机页面用innerHTML拼接的图片不显示 测试代码 input,button{ height:35px; } add function addEmotion(t){ alert(t); } var ...
最新文章
- Configure Drill
- 2021-9-下旬 数据结构-线性表-动态数组-java代码实现
- 细水长flow之f-VAEs：Glow与VAEs的联姻
- hibernate报错 net.sf.json.util.CycleDetectionStrategy$StrictionStrategyRepeatedReferenceAsObject
- 微服务采用何种远程调用方式？
- C#委托的异步调用[转]
- c 中html抓取页面图片,【教程】抓取网并提取网页中所需要的信息 之 C#版
- NetScaler配置只允许某个组访问桌面
- MySQL数据库创建与维护数据表
- 火车头采集器文章伪原创插件工具
- 深雁论坛GhostXP专业装机版 V3.0
- Windows Server 2008 R2终端服务器激活方法
- 关于本学期学校数据库课程的总结和一些心得
- 螃蟹辞职 大数据冲击网络社交 魔兽世界如何前进
- 斑马Zebra 170Xi4 打印机驱动
- RuntimeError: Sizes of tensors must match except in dimension 2. Got 5 and 4
- pymol配体平移与旋转
- signature=161034cb9eebb9b66e71be6081528fe7,Alternative Semantics for Verdi
- 米饭 低 gi 高 gi 指数
- inodemac_Inode Mac版