Click the buttons above to see how the page loads with different policy values. Images where the ratio of intrinsic dimensions to container size exceeds the given threshold should render as placeholder images.

When the downscaling ratio does not exceed the limit (2.0) in either direction, the image renders normally.

Intrinsic size: 800px x 500px
Container size: 800px x 500px

When the downscaling ratio exceeds the limit (2.0) for width, the image renders as a placeholder image.

For devices with device pixel ratio of 1 (e.g. tablets, monitors, etc), the downscaling ratio (800/380) > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 380px x 500px

For devices with device pixel ratio of 2 (e.g. iPad, MacBook, smartphones, etc), the downscaling ratio (800/(180 * 2)) > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 180px x 500px

For devices with device pixel ratio between 3 to 5 (e.g. iPhoneX, LG G3+, Samsung Galaxy S4, etc), the downscaling ratio (800 / (60 * 5)) > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 60px x 500px

When the downscaling ratio exceeds the limit (2.0) for height, the image as a placeholder image.

For devices with device pixel ratio of 1 (e.g. tablets, monitors, etc), the downscaling ratio (500/200) > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 800px x 200px

For devices with device pixel ratio of 2 (e.g. iPad, MacBook, smartphones, etc), the downscaling ratio (800/(200 * 2)) > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 800px x 100px

For devices with device pixel ratio between 3 to 5 (e.g. iPhoneX, LG G3+, Samsung Galaxy S4, etc), the downscaling ratio (500 / (40 * 5)) > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 800px x 40px

When the downscaling ratio exceeds the limit (2.0) in both direction, the image renders as a placeholder image.

For devices with device pixel ratio of 1 (e.g. tablets, monitors, etc), the downscaling ratio > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 380px x 200px

For devices with device pixel ratio of 2 (e.g. iPad, MacBook, smartphones, etc), the downscaling ratio > 2, the image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 180px x 100px

For devices with device pixel ratio between 3 to 5 (e.g. iPhoneX, LG G3+, Samsung Galaxy S4, etc), the downscaling ratio > 2, image renders as a placeholder image.

Intrinsic size: 800px x 500px
Container size: 60px x 40px