前端切图要选择png和jpg呢？

今天特意验证了一下：

切完图分别保存png24、png8和jpg60、jpg80（60和80表示保存图片时品质选择）后，

然后再压缩图片，压缩图片地址：https://tinypng.com/

图片直接拉进去就可以压缩，压缩完对比一下，没想到png24图片压缩完内存小又清晰；jpg图片反之；

未压缩之前,图片信息，如下：

1.jpg60压缩之后:

jpg60压缩之后内存大小：47.6KB

2.jpg80压缩之后：

jpg80压缩之后的大小：47.5KB

3.png8压缩之后：

png8压缩之后大小：36.5KB

4.png24压缩之后：

png24压缩之后大小：35KB

但也有例外：图片颜色较多的、比较复杂的，压缩之后png24格式内存比较大，举个栗子：

jpg60压缩后大图：

jpg60压缩后大小：76.3KB

png24图片压缩之后：

png24图片压缩之后大小：116KB

综上对比图片颜色单调的png24图片压缩之后内存最小最清晰

原创，转载需要标注出处哦！

转载于:https://www.cnblogs.com/huanghuali/p/10042191.html

前端切图要选择png和jpg呢？相关推荐

前端切图之svg图标的复用基于defs和use 亲测有用
切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合.更好看的图标,相比于字体图标更 ...
5款前端切图工具大比拼：谁是最强切图神器
前端切图是前端工程师们还原设计稿的过程中必不可缺的一环.不过,切图工作究竟谁来做?这个问题我们在各大论坛也屡见不鲜:前端工程师认为设计师出了设计稿,那么相应的切图也应该一并交付:设计师则认为前端工程师 ...
前端切图神器avocode
前端切图神器avocode 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而前端一般都是用photoshop,但是这个兵器 ...
介绍一个前端切图神器avocode
2019独角兽企业重金招聘Python工程师标准>>> 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而 ...
前端切图案例课程一则-姜威-专题视频课程
前端切图案例课程一则-201人已学习课程介绍本课程以一套响应式网站设计图,进行切图为案例,还原老司机整个切图过程.本课程属于初级的前端工程师系列课程中案例课程的第一套课程,本课程需 ...
蓝湖ui设计图直接转换html,蓝湖使用规范（用于管理UI及前端切图）
蓝湖使用规范一.蓝湖插件下载及安装二.团队项目建立流程 1.新建团队(横琴人寿) 2.新建项目在对应的团队下新建项目例如官微项目,官网项目,i保项目,哆来咪项目 3.新建分组在相应的项目下按 ...
超全面的前端切图技巧，读这篇就够了
工欲善其事,必先利其器! 相信每个前端都经历过用PS手动切图的原始手法,有时候偷懒,还会直接用QQ截图,现在想想真是初生牛犊不怕虎,怎么方便怎么来~ 当时就在想,如果能有一款神器,帮我解放切图这种&q ...
linux 切图软件下载,学会23个linux常用命令，不做前端切图仔~
来源 | https://segmentfault.com/a/1190000021439560 前言一个前端好好切图不好吗?为什么要学 linux 呢? 嗯,真香 ! 1. ls 命令 : 显示目录 ...
在线ps html源码,PSD to HTML5 - 专业前端切图（PSDoHTML.com）
+ 核心服务将提供的PSD.AI等设计稿转化为html5网页代码,包括常规切图.自适应切图.手机网站切图.微信H5动画(邀请函等)等.不提供设计与修改设计稿服务. PC 前端:常规.动效.管理后台. ...

前端切图要选择png和jpg呢？

前端切图要选择png和jpg呢？相关推荐

最新文章

热门文章