JPEG XL Test Page

Here is an example image:

Red room (jxl) Red room (webp) Red room (jpeg) Red room (png)
JPEG XL, 182 kb, ssimulacra2: 87.43 WebP, 237 kb, ssimulacra2: 78.73 JPEG, 248 kb, ssimulacra2: 86.49 PNG, 918 kb, ssimulacra2: 100

Here is an example of an image with alpha transparency:

Dice (jxl) Dice (webp) Dice (png)
JPEG XL, 46 kb, ssimulacra2: 89.35 WebP, 65 kb, ssimulacra2: 80.23 PNG, 227 kb, ssimulacra2: 100

Here is an example of a wide-gamut image (you should see a faint Webkit logo when viewed on a P3 display):

Webkit logo (jxl) Webkit logo (webp) Webkit logo (jpeg) Webkit logo (png)
JPEG XL, 10 kb, 16-bit depth, ssimulacra2: 100 WebP, 11 kb, 8-bit depth, ssimulacra2: 100 JPEG, 20 kb, 8-bit depth, ssimulacra2: 84.66 PNG, 48 kb, 16-bit depth, ssimulacra2: 100

Here is an example of an animation:

Animated 4D icosahedron (jxl) Animated 4D icosahedron (webp) Animated 4D icosahedron (png) Animated 4D icosahedron (gif)
JPEG XL, 341 kb WebP, 391 kb APNG, 991 kb GIF, 384 kb