×

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

96
wg689
2016.07.05 23:58* 字数 447

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

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


Snip20160705_4.png

4). 显示包内容


Snip20160705_5.png

5). 就可以看到微信的图片了
![Snip20160705_3.png](http://upload-images.jianshu.io/upload_images/1194882-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 的图片基本可以不使用了

我发布的文章
Web note ad 1