浏览网页时,最重要的是什么?是充满信息的文本吗?没想到,这是我的照片!在这个快节奏的时代网页里的图片无法显示,在碎片化的时间里,图片是最容易传达信息的。因此,在网页中,图片是必不可少的。但是,经常有同学反应,网页打开时图片不显示。为什么是这样?导致图片加载失败的触发因素有哪些?
图片不显示的常见触发因素
网速问题
如果在打开网页的时候图片很难打开,首先要检测的是网速问题。如果网速太慢或者某张图片太大,会导致图片加载失败。
检测方法:你可能会直接觉得网速太慢。例如,打开百度、新浪等网站就比较慢。可以的话,你可以直接在百度上搜索“网速测试”,直接在线测试你的网速。
Flash播放器问题
有时打开网站后,图片会显示需要FlashPlayer。遇到这些提示后,我们可以点击控制面板,双击FlashPlayer选项,笔记本桌面会显示FlashPlayer设置管理器,然后选择中级,点击立即测试。我们点击浏览器右上角的工具。选择管理加载项,启用Shockwaveflashobject,然后单击确定。
互联网选项设置不当
当浏览器对图片进行过滤,或者将我们访问的网站添加到受限站点时,也可能导致图片无法显示。我们可以点击浏览器工具,点击Internet选项,对于第一种情况,我们选择中间选择,点击显示图片,最后选择应用,然后重新访问网站。后一种情况,我们可以选择安全选项,点击受限站点,从受限站点列表中删除我们访问的网站,最后选择应用。
除了去掉刷新访问网页里的图片无法显示,我们还可以使用浏览器自带的抓包工具查看访问的效果。可以在页面按F12或者在页面右击“inspect”查看开发者工具的内容。
然后打开 Network 面板,该面板记录了页面上每个网络操作的信息,包括详细的时间数据、HTTP 请求和响应以及 cookie。
单击资源名称可查看有关资源的更多信息。
可用标签因您选择的资源类型而异,但以下四种是最常见的:
您可以在控制台查看图像响应的状态和响应时间,确定不显示的原因,从而更轻松、更快速地解决问题。
其实还有一些特殊的激励措施,比如现在很流行的WebP格式的图片,因为不是所有的浏览器都支持,有时候图片不显示,我们仔细看看。
浏览器不支持 WebP
为了减少图片在互联网上的发送时间和流量消耗,现在很多网站都选择WebP格式的图片。WebP 集成了各种图像文件格式的特性。适用于压缩照片等JPEG等细节图片,可显示GIF等动态图片,支持PNG等透明图片。同时,WebP 也比其他格式的图片更强大。根据 Google 的测试,WebP 无损压缩图像的文件体积比 PNG 图像少 45%。
使用WebP确实可以给实际应用带来很多用处,但是因为不是所有的浏览器都支持WebP,比如:IE,个别版本的火狐等。所以,当浏览器不支持的时候,出现图片无法显示的问题会出现显示。
面对这些情况,有没有办法让支持WebP格式的浏览器查看WebP图片,但不支持WebP格式显示图片的原始格式?
这里我们将介绍云的WebP自适应功能。
WebP 自适应功能会判断客户端浏览器是否支持 WebP 解码。如果支持则返回WebP格式图片,否则返回原图,客户端和源站不需要做任何改动。WebP自适应打开方式也很简单。只需再次点击云端后台的开始按钮即可。
既要缩小图片大小,又不希望用户有男伴看图难,可以学习一下WebP~