从事互联网设计师应该都有这样的烦恼,当设计很完美的透明元素,PS输出「png-24」图片太大,输出「png-8」又有杂边,影响美观。往往一个专题,一个游戏,透明背景元素太多太多,不控制图片体积,将影响的是上线加载速度,影响用户体验。
如果您还在为图片太大而束手无策,本期密密推荐的一款在线密器你要收好咯:
「智图」,是一个在线图片压缩工具
1、简介
「智图」是腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台,其功能包括针对「png、jpeg、gif」等各类格式图片的压缩,以及为上传图片自动选择最优的图片格式。同时,智图平台还会为用户转换一份「webp」格式的图片。
2、用法
打开「智图」网站后,你会看到一张默认的示意图,让你初步快速掌握这个工具的魅力。左边是未优化的原图,右边是优化后的智图。可以移动鼠标到画面上,鼠标控制中间的线条左右移动对比优化前后的效果。还可以根据自己的需要,选择图片品质,直到你满意为止,可点击图中标注的眼睛,切换预览不同格式的优化效果。当调试满意点击下载保存即可。
那PNG压缩效果如何呢?接下来走一个操作示范。为了给这个酷暑天气降降温,密密在瓣瓣上Down了一个冰块的PNG,体积大小尽然有「721KB」,接下来我们上传试试,到底效果如何。
经过智图优化后,缩小了「128KB」,自动匹配最近图片品质「70」,画质肉眼根本看不出来,你可以上传试试,切换图片品质,调整最佳效果。
你是不是注意到下面橘色条纹「webP」格式的图片体积草鸡小,才「97.4KB」,画质变化的肉眼也看不出来。纳闷了,这是什么图片格式?如果你练这个都么听说过,那赶紧去问问你们家的前端攻城狮,或者戳这里了解。
3、总结
在非扁平化的PNG压缩来看,力度还是不算很大,但webP格式图片值得尝试下,看你在什么平台上使用,根据自己情况而定。