Web压缩问题-图片不显示

简介: Web压缩问题-图片不显示


引言

在制作web网页中,压缩web文件后,图片无法显示怎么办?在日常使用,编写网页发现有些网页图片无法显示,有些网页验证码无法显示。或者在安装某些软件时,按钮只显示文本,不显示背景图像,只显示一个红十字。这不仅会影响你的在线体验,也会让你找不到你想要的答案,找不到关键材料。但是,这种压缩后图片无法显示问题的前提建立在你没压缩之前是可以完整的显示图片。


解决方案

压缩后图片无法显示,主要有以下两个方面进行解决:压缩后的文件夹中并没有放入图片,可以检查在编写web网页时图片的插入是否使用本地路径,如果是,则需要把本地路径修改成相同文件路径,在目录文件中,创建img文件夹,同时将所需要的图片放入img文件夹中,插入图片选择img文件路径,重新启动,压缩则可以正常显示图片。

 

如果上面的方法没有解决压缩图片无法显示问题,这是需要查看压缩的过程是否有问题,这里需要避开一个坑,压缩web网页需要压缩软件,不能直接进行系统自带压缩驱动进行压缩,不能直接进行右键+发送到+压缩,这时压缩的文件图片是无法正常显示的,使用者只需要在电脑里面下载一个压缩软件,进行正常压缩过程,便可以解决问题,压缩软件:2345压缩,7-zip软件等。


结语

面对压缩后图片无法显示问题,首当其冲便能联想到压缩过程中出现问题,其实问题的产生非常奇妙,在解决问题的过程中,更能让我们体会到,探寻未知的愉悦。 


目录
相关文章
|
前端开发
简单的做一个图片上传预览(web前端)
简单的做一个图片上传预览(web前端)
107 0
|
7月前
|
数据采集 Web App开发 API
FastAPI与Selenium:打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
本文介绍了如何使用FastAPI和Selenium搭建RESTful接口,访问免版权图片网站Pixabay并采集图片及其描述信息。通过配置代理IP、User-Agent和Cookie,提高爬虫的稳定性和防封禁能力。环境依赖包括FastAPI、Uvicorn和Selenium等库。代码示例展示了完整的实现过程,涵盖代理设置、浏览器模拟及数据提取,并提供了详细的中文注释。适用于需要高效、稳定的Web数据抓取服务的开发者。
338 15
FastAPI与Selenium:打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
227 13
|
数据可视化 Python
通过python建立一个web服务查看服务器上的文本、图片、视频等文件
通过python建立一个web服务查看服务器上的文本、图片、视频等文件
184 0
30行代码实现一个带UI界面的图片背景移除工具:并附带web网页
人工智能技术正处于蓬勃发展中,移除图片背景的方法众多,涵盖了各式各样的实现途径和模型。然而,这些方法往往在安装和配置环境方面稍显复杂。今天,介绍一种极其简便的方法——大约30行代码,就能实现这一功能。虽然相比之下可能稍显简单,但对于不太苛刻的需求来说,这种方法颇为方便实用。
|
前端开发 计算机视觉
视觉智能开放平台操作报错合集之人脸对比1:1,采用web前端直接调用,使用了base64处理图片,提示http错误码414,该如何处理
在使用视觉智能开放平台时,可能会遇到各种错误和问题。虽然具体的错误代码和消息会因平台而异,但以下是一些常见错误类型及其可能的原因和解决策略的概述,包括但不限于:1. 认证错误、2. 请求参数错误、3. 资源超限、4. 图像质量问题、5. 服务不可用、6. 模型不支持的场景、7. 网络连接问题,这有助于快速定位和解决问题。
171 0
|
缓存 算法 API
视觉智能开放平台产品使用合集之如何在Web浏览器中查看处理后的图片
视觉智能开放平台是指提供一系列基于视觉识别技术的API和服务的平台,这些服务通常包括图像识别、人脸识别、物体检测、文字识别、场景理解等。企业或开发者可以通过调用这些API,快速将视觉智能功能集成到自己的应用或服务中,而无需从零开始研发相关算法和技术。以下是一些常见的视觉智能开放平台产品及其应用场景的概览。
228 0
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
158 0
|
JavaScript 前端开发
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
【5月更文挑战第2天】【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
|
移动开发 前端开发 搜索推荐
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
566 0

热门文章

最新文章