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

image_optimization.pdf

Avatar for Aydar Aydar
September 08, 2017
0
65

 image_optimization.pdf

Avatar for Aydar

Aydar

September 08, 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

Featured

See All Featured
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
50
8.4k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Side Projects
Avatar for Sacha Greif sachag
455
42k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k

Transcript

  1. WELCOME

  2. WE ARE FREELETICS since 2013

  3. WE ARE FREELETICS 18.000.000+ > Freeletics Users:

  4. Bodyweight Nutrition Running Gym WE ARE FREELETICS

  5. None

  6. IMAGE OPTIMIZATION FOR DECREASING APP SIZE Aydar Mukhametzyanov (Freeletics)

  7. LET ME TELL THE STORY…

  8. 0 27.5 55 82.5 110 Before After THE STORY MB

  9. THE STORY

  10. THE STORY

  11. THE STORY

  12. OPTIMIZATION

  13. OPTIMIZATION by Xcode

  14. OPTIMIZATION Asset size 12.9 MB 197.3 MB 196.3 MB -1

    MB by Xcode Bundle size

  15. ImageOptim https://imageoptim.com OPTIMIZATION

  16. Original PNG 1.8 MB Optimized PNG 1.2 MB OPTIMIZATION –

    33%

  17. OPTIMIZATION

  18. Original PNG 1.8 MB Lossy optimized PNG 498 KB OPTIMIZATION

    – 72%

  19. OPTIMIZATION

  20. Original JPG 1.4 MB Lossy optimized JPG 79 KB OPTIMIZATION

    – 94%

  21. OPTIMIZATION /Applications/ImageOptim.app/Contents/MacOS/ImageOptim *.png

  22. PNG to JPG ? CONVERTING

  23. CONVERTING

  24. CONVERTING sips -s format jpeg -s formatOptions 100 “image.png" --out

    "image.jpg" SIPS

  25. { "images" : [ { "idiom" : "universal", "filename" :

    "welcome-photo-man.jpg", "scale" : "1x" }, … Content.json CONVERTING

  26. PULL_REQUEST_TEMPLATE.md PROCESSES

  27. 0 27.5 55 82.5 110 Before After CONCLUSION MB

  28. CONCLUSION

  29. ImageOptim PULL_REQUEST_TEMPLATE.md CONCLUSION SIPS CONVERTING OPTIMIZATION PROCESSES Xcode +

  30. aydarin [email protected] @aydarmukh QUESTIONS THANK YOU