Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Image optimization for decreasing app size

Avatar for Aydar Aydar
September 07, 2017
Programming
0
76

Image optimization for decreasing app size

Presentation for The Munich iOS Developer Meetup lightning talk hosted at Freeletics

Avatar for Aydar

Aydar

September 07, 2017
Tweet

More Decks by Aydar

See All by Aydar
The Realities of A/B Testing
Avatar for Aydar aydarin
0
75
Development on Kotlin/Native and Swift
Avatar for Aydar aydarin
1
100
AppCode under the hood
Avatar for Aydar aydarin
1
270
Bridging the gap between Kotlin and Swift
Avatar for Aydar aydarin
0
120
A look into AB testing
Avatar for Aydar aydarin
0
72
Exploring MVVM-C
Avatar for Aydar aydarin
0
160
Coordinate your app
Avatar for Aydar aydarin
1
88
Localization.pdf
Avatar for Aydar aydarin
0
49
MVVM vs MVP
Avatar for Aydar aydarin
1
260

Other Decks in Programming

See All in Programming
Updates on MLS on Ruby (and maybe more)
Avatar for sylph01 sylph01
1
180
プロポーザル駆動学習 / Proposal-Driven Learning
Avatar for mackey0225 mackey0225
2
1.3k
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
210
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.2k
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
770
AWS発のAIエディタKiroを使ってみた
Avatar for 入井 啓太 iriikeita
1
190
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
710
HTMLの品質ってなんだっけ？ “HTMLクライテリア”の設計と実践
Avatar for una unachang113
4
2.9k
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
Avatar for Iury Souza iurysza
0
140
go test -json そして testing.T.Attr / Kyoto.go #63
Avatar for utagawa kiki utgwkk
3
310
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
Avatar for teamLab teamlab
PRO
1
160
デザイナーが Androidエンジニアに 挑戦してみた
Avatar for Kanon Fujita 874wokiite
0
550

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k

Transcript

  1. IMAGE OPTIMIZATION FOR DECREASING APP SIZE Aydar Mukhametzyanov (Freeletics)

  2. LET ME TELL THE STORY…

  3. 0 27.5 55 82.5 110 Before After THE STORY MB

  4. THE STORY

  5. THE STORY

  6. THE STORY

  7. OPTIMIZATION

  8. OPTIMIZATION by Xcode

  9. OPTIMIZATION Asset size 12.9 MB 197.3 MB 196.3 MB -1

    MB by Xcode Bundle size

  10. ImageOptim https://imageoptim.com OPTIMIZATION

  11. Original PNG 1.8 MB Optimized PNG 1.2 MB OPTIMIZATION –

    33%

  12. OPTIMIZATION

  13. Original PNG 1.8 MB Lossy optimized PNG 498 KB OPTIMIZATION

    – 72%

  14. OPTIMIZATION

  15. Original JPG 1.4 MB Lossy optimized JPG 79 KB OPTIMIZATION

    – 94%

  16. OPTIMIZATION /Applications/ImageOptim.app/Contents/MacOS/ImageOptim *.png

  17. PNG to JPG ? CONVERTING

  18. CONVERTING

  19. CONVERTING sips -s format jpeg -s formatOptions 100 “image.png" --out

    "image.jpg" SIPS

  20. { "images" : [ { "idiom" : "universal", "filename" :

    "welcome-photo-man.jpg", "scale" : "1x" }, … Content.json CONVERTING

  21. PULL_REQUEST_TEMPLATE.md PROCESSES

  22. 0 27.5 55 82.5 110 Before After CONCLUSION MB

  23. CONCLUSION

  24. ImageOptim PULL_REQUEST_TEMPLATE.md CONCLUSION SIPS CONVERTING OPTIMIZATION PROCESSES Xcode +

  25. aydarin [email protected] @aydarmukh QUESTIONS THANK YOU