通過分析微信app,學學如何使用@2x,@3x圖片

微信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 的圖片基本可以不使用了
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容