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

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

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