Reduce the avatar file size #1679
Description
Our avatars are not optimized on the back-end. For the use of the front-end, we need to maintain the smallest files for avatars, and to support retina devices (@2x). Right now we have huge avatars that get downloaded on the user's machine, which can be a lot of bandwidth overload. Further the giant images are scaled down to tiny sizes, and this doesn't help.
The task is to optimize the avatar images that get delivered to the front end. We want to deliver only the correct size image (if the avatar is 40x40px, deliver the matching size (@2x on retina)).
Example: Chekspir's avatar: https://topcoder-prod-media.s3.amazonaws.com/member/profile/chekspir-1475952659825.jpeg
another avatar https://topcoder-prod-media.s3.amazonaws.com/member/profile/jpoarch-1479686090432.jpeg
Yet another
https://topcoder-prod-media.s3.amazonaws.com/member/profile/rsial2-1479360370167.jpeg
We can also look into https://www.liquidweb.com/blog/optimizing-images-for-responsive-design/, but the issue is we don't have a set of sizes ready to be pulled from the server. This task might be broken into 2 - back-end solution that must process the avatar images and produce a set of images for our use cases (avatars), and a front-end solution that would switch size when needed.
Please explore for further solution and let's implement this.
Created from Aha! https://topcoder.aha.io/features/TCCONNECT-144