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

Image optimization for decreasing app size

52d6b8fd288036707ddd50eb6f595cb7?s=47 Aydar
September 07, 2017
Programming
0
44

Image optimization for decreasing app size

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

52d6b8fd288036707ddd50eb6f595cb7?s=128

Aydar

September 07, 2017
Tweet

More Decks by Aydar

See All by Aydar
52d6b8fd288036707ddd50eb6f595cb7?s=48 aydarin
0
48
52d6b8fd288036707ddd50eb6f595cb7?s=48 aydarin
0
51
52d6b8fd288036707ddd50eb6f595cb7?s=48 aydarin
1
27
52d6b8fd288036707ddd50eb6f595cb7?s=48 aydarin
0
18
52d6b8fd288036707ddd50eb6f595cb7?s=48 aydarin
1
120
52d6b8fd288036707ddd50eb6f595cb7?s=48 aydarin
0
5

Other Decks in Programming

See All in Programming
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
680
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
260
Ca91df01df9ee53c57b8c5a81aeec889?s=48 kazuki19992
0
450
027cabf82b6860498e5107f500bed48f?s=48 nanimonodemonai
2
1.4k
E505897a79eede1a676f92740261e8f8?s=48 kubode
0
190
Aa97a6ad2c4c8422f5580f4f9d5b5744?s=48 dulltz
0
510
6378a3035de0b841dba4ab82bd7f624d?s=48 blendthink
1
420
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
670
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
180
E37b4344ef4bfd0fc4826c04971e54fb?s=48 nrslib
20
13k
5d8df7ad959b5b34fd68d715974c4e46?s=48 chichou
1
830
08e4449e96aefe61269704f8ba28bc2e?s=48 atskimura
0
300

Featured

See All Featured
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
57k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
26
1.3k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
308
17k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
9.9k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
223
47k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
1.4k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.5k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
338
16k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
258
24k

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 aydar.mukh@gmail.com @aydarmukh QUESTIONS THANK YOU