Images regularily account for the majority of downloaded bandwidth on a web page. Optimized images have the potential to return some of the largest performance improvements for your website.
Image optimization is the process of delivering the highest-quality image at the lowest possible file size.
There are a number of ways we can accomplish this: image resizing, image compression, converting image formats and image caching.
Image optimization is both art and science. We use a number of techniques to help us decide the best way to deliver your images.
We automatically detect the images on your site and measure the dimensions of the parent container holding your image. If you site is responsive, these dimensions will be different depending on the individual device your user is viewing your site from. Each image is then resized on our rendering cluster and delivered to your user's screen in the exact dimensions needed for their particular device.
Unnecessary bytes and meta information are removed from your images and individual pixels are compressed or removed to save space.
Modern browsers support newer image formats like WebP. WebP lossless images are 26% smaller than PNGs and 25-34% smaller than JPEGs. We automatically detect browser support and convert your image to WebP if your user's browser can support it.
Your images are delivered through our CDN (content delivery network) that caches transformed images at the network edge. This image cache allows for insanely fast delivery on subsequent requests for the same image.