Review and recommend process to improveload up/screen transition (ios/Android) , want to look at user image load up process and then compression of image without impacting quality.
Images are posted by any user who is member of app (diner or admin). It is photos of food people eat at restaurants. The app was designed to have same dimensions as instragram so familiar but no restrictions on image quality size just dimension (square).
Any user with access can click on camera icon on app and uploads image from phone library or can take photo in real time, then adds the food and restaurant information and posts to "Photo Feed". The image is stored on AWS and photo image details are stored in mongo. App is similar to Instagram but for photos of food only. We want to add compression step (without impacting the quality) when user is uploading/adding images (all works 100%) and then display the compressed image in the app.
Existing - Photo gets picked from camera library, cropped to square.
When user clicks to "Post to Photo Feed" plug into or code should take file and compress by 90% (example) so goes from 2.1.mb to 100 kb. Shape (height and width) are already in place and do not need to be changed.
So ex image uploaded is 2.1 mb but when click to add to AWS should make it ~200 kb or what ever size can so still looks good. Will still be square.