Front End Center – Episode 5: Image CDNs to the Rescue

Episode 5

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.

Subscribe Now for $15/month