码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-30 11:35:38      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:com   https   压缩   ima   style   图片压缩   比较   大小   net   

今天特意验证了一下:

切完图分别保存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图片压缩之后内存最小最清晰

 

 

原创,转载需要标注出处哦!

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

标签:com   https   压缩   ima   style   图片压缩   比较   大小   net   

原文地址:https://www.cnblogs.com/huanghuali/p/10042191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!