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
0
69

 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
87
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
130
A look into AB testing
Avatar for Aydar aydarin
0
87
Exploring MVVM-C
Avatar for Aydar aydarin
0
180
Coordinate your app
Avatar for Aydar aydarin
1
99
Localization.pdf
Avatar for Aydar aydarin
0
62
MVVM vs MVP
Avatar for Aydar aydarin
1
280

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
350
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
75
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
100
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
200
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k

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