Information

My original CR2 cropped image of 3515px by 2510px exported at the different JPG quality values and reduced down to 800px by 571px.
Then all WebP images created from 100 quality 800 by 571 jpg image with different quality values in the command, being:
cwebp -q QQQ file.jpg -o file.webp
where 'QQQ' is the quality value. Command 'cwebp' installed on Ubuntu with:
sudo apt-get install webp
Page layout uses classes copied from Bootstrap 4.1.3 (getbootstrap.com/docs/4.1/getting-started/download) which is licensed under the 'MIT License'.

Quality 100

698kb
314kb

Quality 90

516kb
195kb

Quality 80

390kb
134kb

Quality 70

314kb
106kb

Quality 60

215kb
95.2kb

Quality 50

213kb
84.2kb

Quality 40

184kb
73.8kb

Quality 30

149kb
62.4kb

Quality 20

122kb
49.8kb

Quality 10

106kb
37kb