dpr dpr
Device Pixel Ratio (DPR)—also known as CSS pixel ratio—is the relation between a device’s physical pixels and logical pixels. Especially with the advent of retina screens, the pixel resolution of modern mobile devices is growing at a fast rate.
Enabling Device Pixel Ratio optimization renders the image at the native resolution of the screen which makes it sharp.
Currently, the pixel density of the display comes from Akamai CDN header values.
dpr=off|on,dprValue
You can use dpr=on,dprValue
even if the company level DPR setting as off.
Owing to DPR optimization, when the resultant image is greater than the MaxPix Dynamic Media setting, MaxPix width is always recognized by maintaining the image’s aspect ratio.
DPR values are based on the detected client-side values of the bundled CDN. These values are sometimes inaccurate. For example, iPhone5 with dpr=2
, and iPhone12 with dpr=3, both show dpr=2
. Still, for high-resolution devices, sending dpr=2
is better than sending dpr=1
. The best way to overcome this inaccuracy, however, is to use client-side DPR to give you 100% accurate values. And it works for any device, whether it is Apple or any other device that was launched. See Use Smart Imaging with client-side Device Pixel Ratio.
Properties
A request attribute. It has no effect if dpr
is off or if dprValue=1
.
Default
dpr=off
Example
https://smartimaging.scene7.com/is/image/ADBE/AdobeStock_409826521?dpr=on,3