Mobile/Fennec/Android/png optimisation: Difference between revisions

Added webp Android Studio link
(Created page with "* If possible, use a VectorDrawable (SVG can be converted to VectorDrawable) ** '''DO NOT USE VectorDrawable FOR IMAGES > 200DP''' - this is likely to result in performance is...")
 
(Added webp Android Studio link)
 
Line 13: Line 13:


* Consider converting to webp - this can result in significant size savings
* Consider converting to webp - this can result in significant size savings
** '''Do not use webp for images containing transparency''': those are only supported on Android >= 4.3 (support was introduced with 4.2.1, but 4.2.0 isn't supported [https://developer.android.com/guide/appendix/media-formats.html]).
** The information below is obsolete - you can just use Android 4.3 or newer: https://developer.android.com/studio/write/convert-webp.html
** '''Verify each image manually''', webp conversion can result in a loss of fidelity - edge artifacts are a particular issue with webp, and seem to affect computer generated images the most.
** <s>'''Do not use webp for images containing transparency''': those are only supported on Android >= 4.3 (support was introduced with 4.2.1, but 4.2.0 isn't supported [https://developer.android.com/guide/appendix/media-formats.html]).</s>
** <s>'''Verify each image manually''', webp conversion can result in a loss of fidelity - edge artifacts are a particular issue with webp, and seem to affect computer generated images the most.</s>
   find . -name foxfinder.png -exec bash -c 'cwebp {} —c 90 -o ${x%.png}.webp' \;
   find . -name foxfinder.png -exec bash -c 'cwebp {} —c 90 -o ${x%.png}.webp' \;
* If webp conversion looks satisfactory, delete the png files, and clobber - both gradle and mach builds will trip up otherwise. Feel free to adjust the quality factor (-q 90) above until the images look acceptable.
* <s>If webp conversion looks satisfactory, delete the png files, and clobber - both gradle and mach builds will trip up otherwise. Feel free to adjust the quality factor (-q 90) above until the images look acceptable.</s>


== Example numbers ==
== Example numbers ==
46

edits