The “Optimal Image Format” for Each Browser
Perhaps you’ve heard about the WebP image format? And how it’s a pretty good performance win, for the browsers that support it? Well that’s only for Blink-based browsers, at the moment. Estelle Weyl’s article Image Optimization explains the best image format for each browser:
| Browser | Optimal image format |
|---|---|
| Chrome | WebP |
| IE 9+ / Edge | JPEG-XR |
| Opera | WebP |
| Safari | JPEG-2000 |
And you can serve these formats through the syntax.
Couple that complexity with the complexity of responsive images, and it really seems like outsourcing image delivery to a dedicated service seems like the way to go. At least above a certain scale.
The “Optimal Image Format” for Each Browser is a post from CSS-Tricks
