通过分析微信app,学学如何使用@2x,@3x图片

2016-07-05 本文已影响3288人 wg689

微信app:他的iOS 技术堪称标杆,值得我们学习,简单的解包了微信的app,微信只有259张图片和图标,解包方法

1). 安装itools
2). 导出微信的ipa
3). 使用zip 打开

Snip20160705_4.png

4). 显示包内容

Snip20160705_5.png
5). 就可以看到微信的图片了

![Snip20160705_3.png](http:https://img.haomeiwen.com/i1194882/010a212e5090958b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

@3x.png

微信共259张.png 的图片.其中13张.png 的,220张@2x占用内存718kb,平均每张3kb 多一点,so,26张@3x 的图片46KB 平均一张不到2kb,
可以看出大部分图片使用@2x 就够了,少数需要高清显示的用@3x,@2x和@3x,提供一种就可以了!
其中launchImage 才四张,我们搞了6张,他们微信图片上下是黑边的,肯定设置了黑色的背景色来填充吧
美工提供的图片没必要太大,自己权衡吧,没经验的美工一个btn 的背景给你20kb 的图片都有可能,使用内存太大的图片会导致ipa 包大,下载慢 .png 的图片基本可以不使用了