14:00 - 14:45
While developing any webpage we often have to request all image assets in multiple responsive sizes and multiple formats, causing a lot of back and forth between developers and designers (eg. images not being optimized or of the wrong format). We will show how to reduce a lot of waste and costs by only requesting the original image asset and performing any optimisations & enhancements automatically by using Lambda@edge in combination with Cloudfront and S3. Image asset variations are created on request and only when they do not yet exist, so the S3 bucket only contains assets that are actually used. We will show that very little action is needed when the page design changes and all srcsets need to be adjusted, or images need to be of a different variation (eg. black and white or blurred), or a new image format needs to be supported. Everything is set up using the serverless framework in combination with Terraform.