Example/Showcase of Image Upload UX/UI? about imgup HOT 8 OPEN

We sourced an image from CS: https://s3-eu-west-1.amazonaws.com/club-soda-prod/654a00a8-2624-4977-ae25-75ebf6bd9346

It's 743kb on disk. 🙄

We had to add upload the image into the /img directory for the UI:
https://s3.amazonaws.com/serverlessimagehandler-demowebsitebucket-1wrvoa49u9peo/serverless-image-handler-ui/img/654a00a8-2624-4977-ae25-75ebf6bd9346.jpg

We loaded it into the image optimisation UI:
https://s3.amazonaws.com/serverlessimagehandler-demowebsitebucket-1wrvoa49u9peo/serverless-image-handler-ui/index.html

https://6ajf1r4iei.execute-api.us-east-1.amazonaws.com/image/200x/smart/serverless-image-handler-ui/img/654a00a8-2624-4977-ae25-75ebf6bd9346.jpg
The optimised image is 18kb

18/743=2.4% the size of the original or 97.6% smaller!!

This is an insane improvement and when applied to all Drink images on CS https://www.clubsodaguide.com/search/drinks
it will make the page load several orders of magnitude faster on mobile!

from imgup.

They've improved the on-boarding ...

from imgup.

Woah, that's WAY more than I thought it would be!

from imgup.

• https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/
• https://aws.amazon.com/blogs/compute/resize-images-on-the-fly-with-amazon-s3-aws-lambda-and-amazon-api-gateway/

from imgup.

This is probably the approach we are going to follow:
https://aws.amazon.com/solutions/serverless-image-handler/

from imgup.

@RobStallion this morning I'm starting with this:
https://docs.aws.amazon.com/solutions/latest/serverless-image-handler/welcome.html
It looks like it will get us more than half way to our goal.

from imgup.

Signing up for a Brand New AWS account to take advantage of the 12 months of free tier. #NoBrainer

from imgup.

Potential Elixir implementation: https://github.com/stavro/arc

from imgup.