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

image_optimization.pdf

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Aydar Aydar
September 08, 2017
70
0

 image_optimization.pdf

Avatar for Aydar

Aydar

September 08, 2017

More Decks by Aydar

See All by Aydar
The Realities of A/B Testing
Avatar for Aydar aydarin
0
99
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
92
Exploring MVVM-C
Avatar for Aydar aydarin
0
180
Coordinate your app
Avatar for Aydar aydarin
1
100
Localization.pdf
Avatar for Aydar aydarin
0
67
MVVM vs MVP
Avatar for Aydar aydarin
1
290

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
150
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
400
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
510

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