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
70
Development on Kotlin/Native and Swift
Avatar for Aydar aydarin
1
94
AppCode under the hood
Avatar for Aydar aydarin
1
250
Bridging the gap between Kotlin and Swift
Avatar for Aydar aydarin
0
110
A look into AB testing
Avatar for Aydar aydarin
0
72
Exploring MVVM-C
Avatar for Aydar aydarin
0
150
Coordinate your app
Avatar for Aydar aydarin
1
81
Localization.pdf
Avatar for Aydar aydarin
0
41
MVVM vs MVP
Avatar for Aydar aydarin
1
260

Other Decks in Programming

See All in Programming
Cursor Meetup Tokyo ゲノミクスとCursor： 進化と制約のあいだ
Avatar for Masaru Koido koido
2
1k
赤裸々に公開。 TSKaigiのオフシーズン
Avatar for Yoshiteru Takeshita takezoux2
0
130
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
270
Perlで痩せる
Avatar for Yuuki Shimizu yuukis
1
680
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
Avatar for ivargrimstad ivargrimstad
1
720
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
Avatar for irof irof
1
290
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
510
関数型まつり2025登壇資料「関数プログラミングと再帰」
Avatar for Taison Tsukada taisontsukada
2
820
GoのGenericsによるslice操作との付き合い方
Avatar for syumai syumai
2
610
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
230
GoのWebAssembly活用パターン紹介
Avatar for syumai syumai
3
10k
Java on Azure で LangGraph！
Avatar for Kohei Saito kohei3110
0
130

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
228
22k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.4k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
480
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k

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