frontend
Episode 5 — 24th October 2016
Image CDNs to the Rescue
Responsive imagery is one of those topics that seems way more complicated than it aught to be. It’s the sort of problem that confronts virtually every website out there—every site has images—and yet the approaches offered by HTML alone aren't sufficient.
In this episode we'll look at how using a dedicated Image CDN can simplify your markup, enable pixel-perfection regardless of device, use the best possible image formats available, and simplify use of the
<picture>
element and
srcset
attribute.

In this episode you'll learn

  • That because images account for almost two thirds of the average website, they offer the biggest potential improvements.
  • That pairing beautiful imagery and high performance is not only possible but easy.
  • Why the
    <picture>
    element and
    srcset
    attribute quickly break down—becoming awkward to use and overly repetitive.
  • How to configure your images to be served through dedicated infrastructure.
  • How to dynamically crop & resize your images on the fly, keeping the most visually-interesting features in the frame.