Wondering what image format to use to optimize for billions?

On the Web, images constitute almost 60% of average page weight. To optimize for billions of users, WebP image formats compress better for lossless and lossy compression — potentially resulting in images more than 25% smaller than JPEG formats. You should also use CSS rather than images for gradients, shadows, rounded corners, and background textures, features supported by all modern browsers. Use responsive image techniques (see tutorial below) to optimize image choice.

On Android, Vector Asset Studio lets you import vector images for graphical assets like icons into vector drawables, which can be resized for different screen densities without loss of image quality. For photos or non-graphical assets, WebP image formats are similarly recommended — it’s not just for the web! You can specify images be sent in this format as well, transforming them on the client before upload, to save data. The format is fully supported from Android 4.2.

This is the second of five weekly posts we’re sharing on how to optimize images on Android and Web for billions of users. Check out our full lists of resources at g.co/dev/billions.

Previous G+ post: https://goo.gl/6jZiVA

Data on Web image asset size: https://goo.gl/u4f690
And more on WebP: https://goo.gl/ZpzR6R
Vector Asset Studio: https://goo.gl/E4Wgcc
Responsive Image Techniques: https://goo.gl/rbo0Qc

I recently saw a question on /r/androiddev asking how to implement a fancy animation… and decided to demonstrate how to do it using AnimatedVectorDrawable.

Here's a breakdown of how I did it: https://medium.com/@crafty/animation-jump-through-861f4f5b3de4

Or you can jump straight to the code here: https://gist.github.com/nickbutcher/97143b3240682e5c5851fe45b49fde93

#AndroidDev #AndroidDesign #Animation

Are you an aspiring #AndroidDeveloper? Would you like to prove your Android skills through certification by Google? Then definitely take a look at the new Associate Android Developer Fast Track from Google and Udacity!