What does this AWS Solution do?

Many Amazon Web Services (AWS) customers use images on their websites and mobile applications to drive user engagement. Websites with large image files can experience high load times, so in order to ensure a great user experience across different devices, developers often provide multiple versions of each image to accommodate different bandwidth and layout constraints. This process can be difficult to manage and cause time delays, as it often requires version control, increased storage and compute costs for file reprocessing, and coordination with application teams and web developers to update image files.

To help customers provide a low-latency website response, and decrease the cost of image optimization, manipulation, and processing, AWS offers the Serverless Image Handler, a solution that combines highly available, trusted AWS services and the open source image processing suite Thumbor to enable fast and cost-effective image manipulation on the AWS Cloud. Additionally, the solution deploys an optional sample user interface where you can more easily generate filters and tasks, and create example URLs that you can use for your images.

AWS Solution overview

AWS offers a simple solution that automatically deploys and configures a serverless architecture that is optimized for dynamic image manipulation. The diagram below presents the Serverless Image Handler architecture you can deploy in minutes using the solution's implementation guide and accompanying AWS CloudFormation template.

serverless-image-handler-architecture
 Click to enlarge

Serverless Image Handler architecture

AWS Lambda retrieves images from your Amazon Simple Storage Service (Amazon S3) bucket and uses Thumbor to return a modified version of the image to the Amazon API Gateway. The solution generates a Amazon CloudFront domain name that gives access to objects in your bucket, as well as a partial URL. In your custom front-end application, you can append the CloudFront URL with the image path and name to create a direct URL for each image object. Your users can then manipulate the image dynamically by adding Thumbor filters to the URL.

Additionally, the solution deploys an optional demo user interface where you can more easily generate filters and tasks, and create example URLs that you can use for your images. The demo UI is deployed in an Amazon S3 bucket to allow customers to immediately start manipulating images with a simple web interface. CloudFront is used to restrict access to the solution’s website bucket contents.

Serverless Image Handler

Version 3.1.0
Last updated: 01/2019
Author: AWS

Estimated deployment time: 25 min

Source code  CloudFormation template 

Features

Serverless Image Handler reference implementation

Automatically build a serverless architecture that is optimized for dynamic image manipulation on the AWS Cloud.

Web interface

Deploy a simple web interface where you can more easily manipulate your images using Thumbor filters.
Product-Page_Standard-Icons_01_Product-Features_SqInk
Explore all AWS Solutions

Browse our portfolio of AWS-built solutions to common architectural problems.

Learn more 
Next-Steps-Icon_Find-a-Partner-B
Find a Partner

Find AWS certified consulting and technology partners to help you get started.

Learn more 
Product-Page_Standard-Icons_03_Start-Building_SqInk
Start building in the console

Sign-up and start exploring our services.

Get started