html中的td td会吧一个几兆大图片压缩到几K吗

请问高手!!怎么把几百兆的文件压缩到几兆?_百度知道
请问高手!!怎么把几百兆的文件压缩到几兆?
如题!!我见过300多兆的压缩到17兆!超强~我自己用RAR只能压缩一点点!请高手帮忙教教小弟我!谢谢!
300压成17的是PS游戏!我下载的PS游戏!解压以后把我也吓了一跳~!!!
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
那要看什么格式的文件了。比如图片压缩就不太可能那么大的压缩比,矢量图的压缩比一般较大
采纳率:16%
夸张+高难度!!
这还要看什么类型的文件 像影音文件压缩100%的比例的话 画面会变差 300%的话就惨不忍睹了
mbomb - 举人 四级 你不想活了吧告诉我你是哪的我整死你你敢吗王八蛋
哪有这样的好事
其他4条回答
为您推荐:
其他类似问题
您可能关注的内容
文件压缩的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。404 Not Found
404 Not Found
The requested URL was not found on this server.
您要找的内容已被删除14.1k 次阅读
惯例,先贴传送门:
首先说到,为嘛要压缩图片,这需求一般出现在需要上传照片(尤其是移动端)的情况下,现在手机拍出来的照片随随便便就是好几兆,无论3/4G还WIFI要上传都很吃力,而且实际上也用不着这么大呀,一般压缩到个一百几十k就够用了。因此,我们需要在用户选好照片(可能是从相册中选择也可能是直接拍摄,看我博客的另一篇文章:)后,先用js把照片压缩好了,再上传到服务器进行进一步的处理。
js图片压缩的原理大同小异,这里直接引用localResizeIMG官方文档的原话:
基本原理是通过canvas渲染图片,再通过 toDataURL 方法压缩保存为base64字符串(能够编译为jpg格式的图片)。
这个过程我自己手撸过,代码很多,更不用提有各种的兼容性坑,所以最后权衡再三还是直接换成了这个插件。这插件用起来很简单(废话,用起来不简单还用来干嘛),传入照片(可以是file对象也可以直接传图片路径),设置好自己想要的分辨率(其实也就是width不超过多少px、heighti不超过多少px),然后再设置个图片质量,然后就是promise风格的callback了,直接把压缩后照片的base64传进callback里做参数,最后就是拿着这base64爱干嘛干嘛去。另外,作者还很贴心的把照片base64编码的长度也传参进来了,方便后端校验图片是否上传完整。具体用法就不贴了,自己传送门去看呗,这里放个示例:
&input onchange="upload().bind(this)" type="file" accept="image/*" /&
function upload () {
lrz(this.files[0])
.then(function (rst) {
// 处理成功会执行
.catch(function (err) {
// 处理失败会执行
.always(function () {
// 不管是成功失败,都会执行
2 收藏&&|&&10
PC端可以指定走webkit内核的吧,移动端不出问题就行了
PC端可以指定走webkit内核的吧,移动端不出问题就行了
localResizeIMG不支持QQ浏览器
localResizeIMG不支持QQ浏览器
噢?是什么原因呢?另外,有其它插件可以代替么?
噢?是什么原因呢?另外,有其它插件可以代替么?
其他的没找到,我试试jquery.UploadImg
其他的没找到,我试试jquery.UploadImg
微信跟QQ浏览器居然默认是低版本IE的内核,很多JS都不支持
微信跟QQ浏览器居然默认是低版本IE的内核,很多JS都不支持
IE内核?你说的是PC端的浏览器?
IE内核?你说的是PC端的浏览器?
PC端默认是IE,微信用的是QQ浏览器内核,反正我都用了,既不能预览上传也为空
PC端默认是IE,微信用的是QQ浏览器内核,反正我都用了,既不能预览上传也为空
分享到微博?
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。HTML4 - 简书
web前端技术
web前端技术不是指的某一项技术,他是由w3c组织指定一系列技术的集合,主要包括:
1、结构标准:html----页面结构的搭建:(布局和排版)
2、样式标准:css-----页面的样式和外观
3、行为标准:js------页面的行为和特效
html发展历史
标签书写规则
1、标签名称必须放到一对尖括号里面
2、成对出现
3、区分首尾:首标记和尾标记
html1.0-------------93起草了一个草案,纯文本的格式
html2.0------------
html3.0------------过渡版本
html4.0------------xhtml1.0------规避之前版本的缺点:语法松散,不规范
html5.0-----------应该是未来的一个发展趋势
==学习版本:xhtml1.0==
网页基本结构
html-----整个网页(人)-------作用:一个网页
head----网页头部(人的头部)------作用:承载的是给浏览器看的信息,默认不可见
body----网页主体(人的身体)-----作用:承载所有给用户看的信息
Mate标签的补充
&meta http-equiv="X-UA-Compatible" content="IE=edge" /&
上面代表如果是用ie打开的当前页面,那么就使用最新的ie版本打开此页面。
SEO优化的设置:
&meta name="keywords" content="UI设计,html5,css2,css3,js"&
&meta name="description" content="麦壳UI,FE2职位遇见更棒的你。" &
可以让当前页面中的所有的a标签都拥有相同的属性,比如targent属性。
&base target="_blank"&
title------网页标题(人的脸部)-----作用:网页名称
Link标签的常见用法
1.引入DNS预先解析
dns预解析(了解)
&link rel="dns-prefetch" href="http://mimg.127.net"&
2.引入网站icon图标:
&link rel="shortcut icon" href="http://www.126.com/favicon.ico" /&
3.引入css样式,【后面讲】
&link rel="stylesheet" href="css/bg.css"&
兼容目标:ie6-9;火狐;谷歌
浏览器编码:
utf-8:国际编码;集成了各个国家已经被认证的语言字体;
gb2312和gbk:国家码:中文汉字和英文;
标签的作用:
1、选中目标
2、设置属性
标签属性的规则:
键值对:color=”red”;k=”v” k=”v”
键值对之间用空格隔开
&font&:设置文字属性的标签
文字三属性:
1、字体:face
2、字号:size
3、颜色:color
键值对练习
宽度:width=”500”
高度:height=”300”
对齐方式:align=”left|center|right”
字体:face=”黑体”
字号:size=”7”
颜色:color=”red”
背景色:bgcolor=””
背景图:background=”图片路径”
小常识:背景图和背景色共存的时候,背景图在上,背景颜色在下。
BUI标签----无属性标签
H1标题标签
标注当前页面中的文档最重要的核心主题的文本
H1到 h6标签,相对于当前文档的重要性依次降低。注意h1标签在整个页面中最多一次(当然可以超过,但是不利于搜索SEO)。
H2以后的这些标签可以在一个页面中有多个,但是不要滥用,滥用会导致网页的SEO受影响,搜索引擎会认为我们作弊。
H1 到H6 标签不是用于 字体大小的样式设置,关键是文档内容的文字的重要性的体现,html是定义文档内容的,而样式由后面我们学的css来设定。
案例:新闻
h标记:align属性(left|center|right)
浏览器只认识标签语言,不认识任何的回车和换行、空格
标签:img;单标记;有一个原则性属性:src=”图片路径”;
img插入的图像是在页面里面真真实实存在,是占位的;
边框:border=”3”
宽度:width=”600”
高度:height=”200”
提示文本:title=”这是一张蒲公英图片”
替换文本:alt=“蒲公英图片不存在”
img相关知识点:被拉伸效果做法:同时设置宽高;等比缩放:只需任意设置一个宽度或者高度
Alt:图片不显示的时候,会显示alt属性的文本
Title:对网站的seo有很大的影响。当鼠标移上去的时候,图片显示的tip提示文本内容。
图片的选择
色彩还原高,适合复杂颜色图片,比如banner
色彩效果最低,支持透明,支持动画,适合颜色比较少,不适合渐变色。
PNG的优点是,清晰,无损压缩,压缩比率很高,可渐变透明,具备几乎所有GIF的优点;缺点是不如JPG的颜色丰富,同样的图片体积也比JPG略大。
PNG有着另一个优点,那就是逐次逼近显示(progressive display):传输图像文件的同时,可以先把整个轮廓显示出来,然后逐步显示图像的细节,即先显示低分辨率显示图像,从模糊到清晰,然后逐步提高它的分辨率。这是一个很好的用户体验。
gif和png基本差不多,色彩比较少的直接gif,如果图片动画用gif。对色彩要求高的用jpg。
1、同级查找:图片和html在同一个根目录里面
2、下级查找:只需要写出图片所在的文件夹/图片名称;
例如:src=”images/pic00.jpg”
3、上级查找:只需要写../(返回上一级)图片名称;
例如:src=”../pic.jpg”
拓展:既有上级又有下级
例如:src=”../../images/pic00.jpg”
Span标签定义文档中的一小节文本。语义不强。
Span标签可以跟其他的span标签共用一行。
em标签是局部的文本的 加强语气,或者是文本的强调的作用。
Em标签可以会改变局部的文档的语义。
我更喜欢&em&小狗&/em&和小猫咪。
Strong标签
是 针对整个文档而言,进行一个加强语气的作用。例如:一篇文章中最重要的主题思想或者段落用strong标签进行包裹。
Sub和sup标签
知识点:凡是需要选中内容标签都是双标记,不需要选中内容的都是单标记
平时我们写的 网址就是 url地址。
Url协议就是 规定 url地址的格式。
协议规定格式:协议名称:// 域名(ip地址):80/路径/文件a.htm
scheme - 定义因特网服务的类型。最常见的类型是 http, https,ftp
host - 定义域主机(http 的默认主机是 www)
domain - 定义因特网域名,比如 w3school.com.cn
:port - 定义主机上的端口号(http 的默认端口号是 80)
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
filename - 定义文档/资源的名称
http://news.sina.com.cn/c/zg//doc-ifxizwsm2427861.shtml
http协议,
域名: news.sina.com.cn
服务器上: /c/zg//路径下面的
:doc-ifxizwsm2427861.shtml
为什么要有URL编码呢?
如果我写的一==个中文的网页要在 阿拉伯国家的电脑上进行显示==。
中文字符在阿拉伯国家的电脑上会正常显示吗?
Url在线编码的工具:
无序列表:比较常用
整体管理,它一种思想,涉及计算机方方面面,很有意义。
ul嵌套li,ul标记无序列表整体,li列表的某一项。
li列表项前的符号叫做列表样式或者项目符号
disc:圆点,默认值
circle:空心圈。
square:矩形块。
双标记,它有一个原则性属性:href=”路径/url”
==超链接默认样式:蓝色并且有下划线==
主要包括:文字链接、图片链接
文字链接:
链接线上网址
链接到本地文件:href=”相对路径查找到的文件名”
弹出新窗口打开文件:href=“”,多加了一个属性:
target=”_blank”
假链接:href=”#” 跳转到当前页面(回到页头)
空链接:href=”javascrip:void(0)” 不做跳转只保留a的样式(常用)
图片链接:href路径和文字链接一样,把文字替换成图片
ol嵌套li,ol有序列表整体,li表示列表项,同时可以用type来设置项目符号
项目列表(自定义列表)
项目列表和有序、无序列表迥然不同,
dl嵌套dt和dd,dl表示项目列表的整体,dt表示项目(项目名称),
dd表示项目详情
项目列表可以被应用在图文混排效果
==dl里面只能包含dt和dd,dt和dd里面可以放任何标签==
拓展使用方法:
1.dl里面可以同时存在多对dt和dd
2.dl里面可以同时存在一个dt和多个dd
它引领了一个时代,可以用做布局,但现在用div布局
table嵌套tr,tr嵌套td;table表示表格整体,
tr表示行,td表示单元格
==表格是一个弹性容器,默认情况下尺寸受内容控制==
想要几行设置几个tr,想要几列设置几个td;
表格默认情况下是没有边框线,设置方法:border。
table属性:
边框线:border
宽度:width
高度height
背景色:bgcolor
背景图:background
对齐方式:align
外边距:单元格和单元格之间的距离:设置值为正整数,最小为0
内边距:内容与边框的距离:cellpadding,数值设置于外边距一样
tr属性:是table的孙子级。浏览器解析时会自动加上中间省略tbody.
valign 设置一行中单元格垂直对齐方式
高度;(注意无宽度,因为宽度一般由table决定)
水平对齐方式;
bgcolor 背景色
bgcolor 设置行单元格背景颜色;
background 背景图;
align 设置单元格对齐方式
valign 设置单元格垂直对齐方式
width 设置单元格宽度
height 设置单元格高度
表格标签table
快捷键: ctrl+{
进行左缩进,
ctrl+} 进行右缩进
关于表格的合并单元格
Rowspan 行方向上合并单元格
Column 列方向合并单元格
&table border="1"&
&th&姓名&/th&&th&年龄&/th&&th&成绩&/th&
&!-- rowspan:一个单元格占用两行进行显示 --&
&td rowspan="2"&张三&/td&&!-- &td&14&/td& --&
&!-- colspan=2 将一行中的 一个单元格 占用两个列进行显示。
&td colspan="2"&24&/td&
&!-- &td&89&/td& --&&td&6&/td&&td&呵呵&/td&
Form标签,表单的域标签,用于包裹整个表单的内容。表单就是用户提交数据到后台的一个虚拟单子。
表单一般由 文本框、下拉列表、单选、多选、文本域等组成。
action-------服务器地址,用于指定当前表单 提交的时候指向后台的地址。项目初期不需要指定。
method------设置发送方式,有两个值:get:明文发送;post:密文发送。
Form:包裹标签,action:#
表单将标签分为两类:input标签和非input标签
input标签:
文本框:type属性值为text;
密码:type属性值为password;
普通按钮:type属性值为button;
单选框:type属性值为radio;
扩大触发区域:label;
默认选中:checked=”checked”(复选框设置默认选中也是用次方法)
实现单选:为不同input标签设置相同name属性值(name=”sex”)
复选框:type属性值为checkbox。
提交按钮:type属性值为submit,设置默认值用value=”提交“
重置按钮:type属性值为reset
上传文件:type属性值为file
图片按钮:type属性值为image,原则性src属性===图片按钮的路径
非input标签:
下拉菜单:
select嵌套option,select表示下拉菜单整体,option表示下拉菜单的选项。
分组:&optgroup label=”组名称”&&/optgroup&
默认值:option设置selected=”selected“
分组的情况下:optgroup嵌套option
value值只有在后台有用。Option包裹的内容是显示的选项的文本。例如:
&select name="" id="" multiple&
&option value="1"&公历&/option&
&option value="2"&农历&/option&
&option value="2"&农历&/option&
&option value="2"&农历&/option&
Multipe:也是一个单属性。值只有一个multiple。设置了此属性表示select标签表现为 列表标签。否则表示下拉列表标签。
textarea,cols设置水平方向宽度、水平显示的列数
rows设置垂直方向高度,垂直方向显示的行数
设置领域:
设置领域:fieldset嵌套legend(领域名称【注册信息】)
fieldset标签没有任何发送数据的功能,只是设置了前台的显示样式。
for属性指向要提供服务的 标签的id值。
Lable直接包裹标签,可以实现点击标签的文字内容,让包裹的表单标签 标签获得焦点。
& label for="txtName"&文本框获得焦点& / label &
& label&& input type="button" value="普通的按钮" & 选中按钮&/label&
浮躁的大环境,慢点来,可能走的更快。
Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智能路由,微代理,控制总线)。分布式系统的协调导致了样板模式, 使用Spring Cloud开发人员可以快速地支持实现这些模式的服务和应用程序。他们将在任何分布式...
HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(DTD)。 标签:a 说明:标明超链接的起始或目的位置。 标签:acronym 说明:标明缩写词。 标签:address 说明:特定信息,如地址、签名、作者、此文...
?开启? 【iAPP实现进入界面执行逐一显】 〖 15:22:14〗 《//首先开一个线程,因为你有这么多的stop要执行,其次必须使用ufusui(),否则可能不会显示你的字体。切记:文字必须设置“text=”,否则很尴尬,还有我这里的8,14是两个文...
转载请声明
原文链接地址 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位:web前端开发工程师web网站架构师自己创业转岗管理或其他 web前端开发的前景展望:未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及...
1、感恩组长鼓励我分享,今天看自己感恩日记,很喜欢自己,谢谢,谢谢,谢谢! 2、感恩训练营里一起感恩共振,谢谢,谢谢,谢谢! 3、感恩父母身体健康,感恩父母越来越恩爱,谢谢,谢谢,谢谢! 4、感恩老师给我的帮助,谢谢,谢谢,谢谢! 5、感恩办公室的植物生机盎然,谢谢,谢谢,...
本文,是青山资本董事总经理李倩在一块听听上的分享笔记。 李倩在一块听听上做了《如何让品牌更值钱》的分享。 品牌并不限于产品,其实每一个人都是一个品牌,都需要打造品牌。 那么,如何让品牌更值钱呢?李倩谈了5个方面,而每个方面谈了亮点。这五个方面分别是: 发现;认识;记住;喜欢...
扫描二维码立即报名厦门AHA Overflow第一季活动(或者复制http://t.cn/RcjFFKQ在浏览器打开) ● 人物名片 苏春山
中兴通讯 有线PMO总监和有线技术部部长 梦想是要谈的,培训是要有的,能力才会提升,但终究是要解决实际问题的。 一场非典型性的问题...
9.Deb包介绍 官网:http://www.debian.org/doc/debian-policy/ deb包本质是一个压缩包文件。里面包含一些特定的目录和文件。安装过程就是dpkg程序按照指定的规则去拷贝文件和执行脚本。 DEBIAN目录存放control文件、及安装...
今天天气晴朗,久雨转晴,适宜本宫回家。 伴随着考试的结束,我的暑假也正式开始。下了那么多天雨,终于迎来了阳光。正好回家。毛概和教育学没怎么背,不知结果如何。反正也已考过,也随着它去了。坐上高铁,感叹火车站的人之多。幸好遇到同学得以少排了一半对。有人插队,有人不平。有人道歉。...怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你的评论
#1 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
psp游戏格式转换器
#2 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
#3 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
裁剪视频画面不变形
#4 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
去掉视频文字水印
#5 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
刚上大学时,妈妈送我到宿舍,对我同宿舍的一妹子说:“我女儿爱睡懒觉,在家里叫她起床可不容易了,以后要你们多照应她了。谢谢!”同宿舍的妹子说:“阿姨,你放心,我叫床可厉害了。”
#6 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
坐火车回家…… 中途上来一美女,肤白,个高,长发,长白腿,齐B碎花裙…… 老子正咽口水……
她温声说:“帅哥,帮我放一下行李好吗?我举不起。” 坐在座位上的我那个激动啊,蹭一下站起来……
卧槽!才发现我只有美女胸口那么高,特么叫我喝奶还差不多……
#7 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
我说一下医生的!我住的附近有一诊所!里面有一老头医生!别的医生拿药都是一盒的!他是感觉你吃几粒药能好!就那几粒!按粒卖。真是业界良心,为他点赞
#8 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
刚做了个GIF动态图,发现传不到微信上,原因是文件太大了。刚好可以看看怎么压缩图片大小。。。谢谢。
#9 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
刚好可以帮我哦!!
#10 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
cd刻录软件免费下载
#11 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
手机怎么订高铁票
#12 楼 回复:怎么压缩gif图片大小,gif动态图片压缩软件可以帮到你
下班了,出了公司正准备回家,手机响了。一看是女同事发来的短信:宋江!这是什么意思,长友们我积分少,求解释。

我要回帖

更多关于 html中的td 的文章

 

随机推荐