Columbia Amazon Web Services Meetup

December 11, 2018

Russell Heimlich
(like the maneuver)

Lead Developer at Spirited Media

♥️ ♥️ ♥️

♥️ ♥️ ♥️

(and AWS)

The Problem

Why do properly sized images matter?

The Solution

Lambda@Edge

Original

Transformed

?resize=300,600&flop=1&flip=1&negative=1

Unlimited srcset options

<img src="image.jpg?resize=942,530"
  sizes="(max-width: 584px) 100vw, (min-width: 1025px) 640px, 92vw"
  srcset="
    image.jpg?resize=308,173 308w,
    image.jpg?resize=616,346 616w,
    image.jpg?resize=924,519 924w,
    image.jpg?resize=320,180 320w,
    image.jpg?resize=640,360 640w,
    image.jpg?resize=960,540 960w,
    image.jpg?resize=480,270 480w,
    image.jpg?resize=800,450 800w,
    image.jpg?resize=1024,576 1024w"
>

Tachyon@Edge is Open Source

https://github.com/spiritedmedia/tachyon-edge/

Thank You!

@kingkool68

Questions?