这篇文章仔细看,聪明的你说不定会在年底有涨薪的机会!
今天要推荐的站点对于很多设计老手已经不陌生了,
正是大名鼎鼎的Tinypng,
想再次推荐给刚入行的新人朋友们,
特别是要和程序或者前端打交道设计师们,
如果你们公司在带宽、图片CDN吃紧,就更要替老板看这篇文章了。
在说到神器之前,我先聊一聊一个PS存储的习惯,本来我是以为很多人都知道的,但是通过调查发现,却有不少人不知道,甚至没有这个压缩意识。
这个就像当年,很多设计师朋友不知道鼠标滑轮(中键)按下去的功效一样。微博传送门戳这里。
一些设计师朋友虽然会用PS,但是因为参与的线上产品不多,或者没有进行或者配合过切图工作,对于PS中【存储为Web所用格式】是毫无所知的。
假如你设计的一张Banner图在不压缩的情况下,直接PS导出,那意味着公司将额外支付一半的流量费用,甚至更多!
是不是不信?我们现在就举例下。
这是一张处理过的电影海报,直接存储为导出的尺寸大小:
看看图片信息,它有141K。
然后我们保存的时候利用【存储为Web所用格式】,Win的快捷键为【Shift+Ctrl+Alt+S】
这是一个和Ctrl+S一般神一样存在的快捷键:)
记得把品质设置为80甚至可以更低(主要看你肉眼是否观测到图片质量有耗损),然后导出为jpg。
那张140K大小的Banner图,瞬间就优化到78.82K了。
那么利用Tinypng智能在线压缩工具,完全可以和PS里的【存储为Web所用格式】有一拼,
Tinypng会在不影响图片质量的情况下,将较大的图片压缩,
简直就是帮你在图片质量和文件大小上找到一个完美的平衡!
当然我特别要强调的是Tinypng比PS要压缩的更棒的地方,就是在于对透明图片的压缩,你会惊喜到尖叫,特别是PNG-24格式。
你不妨试一试,他可以把一张80K的png压缩到18K,但是我们的肉眼完全看不出来。
TinyPNG使用方法很简单,你可以批量把你想要压缩的图片直接拖到网站里,
导入进去后即可开始压缩!见证奇迹的时刻发生了,压缩了一半有木有。
50%以上!
老板和前端要抱着你亲了,如果你有年底述职报告的机会,
记得把项目里生产的图和压缩过的对比数据,写进PPT或邮件,相信我,你说不定会得到涨薪的机会!
因为,很多人只想着帮老板赚钱,你却还在想着帮老板省钱!
好了,今天的推荐就到这里,如果喜欢请在评论里告之,说不定过阵子还会有下一篇出来。
预告一下,会是similarsitesearch这个宝贝!
作者: kingtent