Click the buttons above to see how the page loads with different policy values. Images where the compression ratio (bytes per pixel) exceeds the threshold should render as placeholder images.

  • For lossy images, (image size - 1KB) / image resolution should be under 0.5

    • emilio.jpg
    Image file size: 111K
    Image resolution: 400px x 300px
    Compression ratio (byte-per-pixel): (111KB - 1KB) / (400px * 300px) = 0.9 (> 0.5)

    lossy-emilio.webp
    Image file size: 17.3K
    Image resolution: 400px x 300px
    Compression ratio (byte-per-pixel): (17.3KB - 1KB) / (400px * 300px) = 0.14 (<= 0.5)

  • For lossless images, (image size - 10KB) / image resolution should be under 1

    • emilio.bmp
    Image file size: 351K
    Image resolution: 400px x 300px
    Compression ratio (byte-per-pixel): (351KB - 10KB) / (400px * 300px) = 2.9 (> 1.0)

    lossless-emilio.webp
    Image file size: 111K
    Image resolution: 400px x 300px
    Compression ratio (byte-per-pixel): (111KB - 10KB) / (400px * 300px) = 0.86 (<= 1.0)

  • For lossless images in strict mode, (image size - 1KB) / image resolution should be under 1

    • emilio.bmp
    Image file size: 351K
    Image resolution: 400px x 300px
    Compression ratio (byte-per-pixel): (351KB - 1KB) / (400px * 300px) = 2.99 (> 1.0)

    lossless-emilio.webp
    Image file size: 147K
    Image resolution: 400px x 300px
    Compression ratio (byte-per-pixel): (111KB - 1KB) / (400px * 300px) = 0.94 (<= 0.5)