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

Image optimization for decreasing app size

Aydar
September 07, 2017
Programming
0
73

Image optimization for decreasing app size

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

Aydar

September 07, 2017
Tweet

More Decks by Aydar

See All by Aydar
The Realities of A/B Testing
aydarin
0
62
Development on Kotlin/Native and Swift
aydarin
1
82
AppCode under the hood
aydarin
1
200
Bridging the gap between Kotlin and Swift
aydarin
0
100
A look into AB testing
aydarin
0
68
Exploring MVVM-C
aydarin
0
130
Coordinate your app
aydarin
1
68
Localization.pdf
aydarin
0
34
MVVM vs MVP
aydarin
1
230

Other Decks in Programming

See All in Programming
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
7
1.5k
『改訂新版 良いコード／悪いコードで学ぶ設計入門』活用方法−爆速でスキルアップする！効果的な学習アプローチ / effective-learning-of-good-code
minodriven
29
4.8k
watsonx.ai Dojo #6 継続的なAIアプリ開発と展開
oniak3ibm
PRO
0
270
AHC041解説
terryu16
0
550
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
240
時計仕掛けのCompose
mkeeda
1
200
Amazon Bedrock Multi Agentsを試してきた
tm2
1
230
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
4.2k
自動で //nolint を挿入する取り組み / Gopher's Gathering
utgwkk
1
170
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
220
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…？
maroon1st
0
150
振り返れば奴(Cline)がいる
keiyagi
0
130

Featured

See All Featured
Documentation Writing (for coders)
carmenintech
67
4.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
11
900
We Have a Design System, Now What?
morganepeng
51
7.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
What's in a price? How to price your products and services
michaelherold
244
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k

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