What are the differences seen when using q_auto and DPR transformations for my images?

One of the most commonly used Cloudinary transformations is q_auto, which automatically analyzes and compresses an image or video so that visual integrity is maintained, while typically resulting in file size reductions, helping to lower bandwidth costs and reduce loading time for users. 

Another transformation used to make sure assets render well on various devices is dpr_x where x is the DPR of the intended requester's device. 

For more information on these, please refer to the relevant links below:
https://cloudinary.com/documentation/image_optimization#how_to_optimize_image_quality
https://cloudinary.com/glossary/device-pixel-ratio

Below is a demo you can use to test how images look with different DPRs, q_auto levels, and widths. Please note you can click the pencil icons to further customize what quality and DPR values appear on the page.