• Posts
  • RSS
  • ◂◂RSS
  • Contact

  • WebP Quality Settings

    November 26th, 2014
    tech  [html]
    One of the questions that came out of the UA-parsing discussion was whether pagespeed compresses WebPs too agressively. In general PageSpeed tries to compress images to the lowest quality that will still look good enough, because then they'll use as little bandwidth as possible and load faster. By default its sense of "good enough quality" for JPEG is 85, and for WebP it's 80, [1] but are these equivalent?

    For a test set I took the 668 full size JPEGs under jefftk.com/pictures that had a quality of at least 85. [2] I compressed them all as both JPEG and WebP at qualities 45, 50, 55, 60, 65, 70, 75, 80, and 85. To measure the image quality I used SSIM with SSIM.cpp. Here's a graph of quality against SSIM for WebP and JPEG, higher SSIM being better:

    It looks like WebP at 80 is equivalent to JPEG at ~67, not JPEG at 85. Maybe there's something suspect with this SSIM implementation? Let's test with another tool, and be sure. This one is DSSIM, not SSIM, which means the units will be different and now lower numbers are better, but images with identical SSIM will also have identical DSSIM:

    This is a very similar result, and these results suprise me. It sounds we do need to adjust our default quality settings. Luckily, it turns out webp now has a -jpeg_like flag:

    -jpeg_like
       Change the internal parameter mapping to better
       match the expected size of JPEG compression. This
       flag will generally produce an output file of
       similar size to its JPEG equivalent (for the same
       -q setting), but with less visual distortion.
    
    This doesn't sound like exactly what we want; we want to match visual distortion instead of size, but let's try it:

    That works well enough that we sometimes can't see the JPEG dots because the WebP-jpeglike dots are immediately above them. Which is surprising: did the people calculating the compression curve use SSIM instead of file size to calibrate it?


    [1] These can be configured with JpegRecompressionQuality and WebpRecompressionQuality Recompression Quality in the docs.

    [2] This isn't a great test set for something that's compressing all sorts of images found all around the web, but it was already on my machine. When I get back from Thanksgiving I'll probably re-run this with a more representative set.

    Recent posts on blogs I like:

    Learning Worst Industry Practices

    If I have a bad idea and you have a bad idea and we exchange them, we now have two bad ideas. But more than that. If I have a bad idea and you have a good idea and we exchange them, we should both land on your good idea – but that requires both […]

    via Pedestrian Observations September 20, 2020

    Collections: Iron, How Did They Make It? Part I, Mining

    This week we are starting a four-part look at pre-modern iron and steel production. As with our series on farming, we are going to follow the train of iron production from the mine to a finished object, be that a tool, a piece of armor, a simple nail, a w…

    via A Collection of Unmitigated Pedantry September 18, 2020

    Learning Game

    I came up with this game. In the game one person thinks of something and then gives the other person a clue. And the other person writes a guess down on a blackboard or a piece of paper. Or really anything you have that's laying around that's av…

    via Lily Wise's Blog Posts September 17, 2020

    more     (via openring)


  • Posts
  • RSS
  • ◂◂RSS
  • Contact