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
0
78

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
89
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
88
Exploring MVVM-C
Avatar for Aydar aydarin
0
180
Coordinate your app
Avatar for Aydar aydarin
1
99
Localization.pdf
Avatar for Aydar aydarin
0
64
MVVM vs MVP
Avatar for Aydar aydarin
1
280

Other Decks in Programming

See All in Programming
Claude Code Skill入門
Avatar for maya mayahoney
0
440
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
1.6k
LM Linkで(非力な！)ノートPCでローカルLLM
Avatar for 瀬尾佳隆 seosoft
0
250
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.7k
ネイティブアプリとWebフロントエンドのAPI通信ラッパーにおける共通化の勘所
Avatar for Suguru Ohki suguruooki
0
210
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
420
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.1k
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
Avatar for n4mlz n4mlz
0
250
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
200
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
340
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
640
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
340

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
48k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
200
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
390
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.7k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
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