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

Image optimization for decreasing app size

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Aydar Aydar
September 07, 2017
Programming
79
0

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

More Decks by Aydar

See All by Aydar
The Realities of A/B Testing
Avatar for Aydar aydarin
0
93
Development on Kotlin/Native and Swift
Avatar for Aydar aydarin
1
130
AppCode under the hood
Avatar for Aydar aydarin
1
340
Bridging the gap between Kotlin and Swift
Avatar for Aydar aydarin
0
140
A look into AB testing
Avatar for Aydar aydarin
0
90
Exploring MVVM-C
Avatar for Aydar aydarin
0
180
Coordinate your app
Avatar for Aydar aydarin
1
100
Localization.pdf
Avatar for Aydar aydarin
0
67
MVVM vs MVP
Avatar for Aydar aydarin
1
290

Other Decks in Programming

See All in Programming
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
860
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
550
Kubernetes上でAgentを動かすための最新動向と押さえるべき概念まとめ
Avatar for Sota Makino sotamaki0421
3
730
AI時代のPhpStorm最新事情 #phpcon_odawara
Avatar for yusuke yusuke
0
230
Road to RubyKaigi: Play Hard(ware)
Avatar for makicamel makicamel
1
490
PicoRuby for IoT: Connecting to the Cloud with MQTT
Avatar for Y_uuu yuuu
2
690
Claude CodeでETLジョブ実行テストを自動化してみた
Avatar for yoshiki kasama yoshikikasama
0
990
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
150
Spec-driven Development: How AI Changes Everything (And Nothing)
Avatar for Simon Martinelli simas
PRO
0
370
Spec Driven Development | AI Summit Vilnius
Avatar for Daniel Sogl danielsogl
PRO
1
120
From Formal Specification to Property Based Test
Avatar for Masato Ohba ohbarye
0
440
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
130

Featured

See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
340
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
360
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
270
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
820
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
210
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
330
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k

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