Best practices integrating Peakhour

Peakhour provides additional operations to give you more control over your output images. When designing a responsive website, there are some elements to keep in mind to deliver the best images possible when using srcset.

Use fit=max

Using the fit=max parameter on a URL will ensure that an image is never delivered larger than its original size.

Use auto=format

The auto=format parameter will deliver lightweight WebP images for Chrome browsers or convert to a more suitable format for other browsers.

Use Variable Quality

When using dpr, you may want to consider adjusting the quality of images for higher DPRs to reduce the file size and maintain the pixel density.

Quality adjustment via the q parameter works with JPEG and WEBP as they are lossy formats.