I'm wondering if the dithered webp has any gains on the dithered png. Avif comes to mind but definitely still not enough browser support to really worry about it.
Okay! So I thought I'd already done my research and knew the answer to this. But I didn't know lossless webp was a thing! So I tried it again with a 640 x 800 picture of a parrot and this is what I got:
Original Image jpeg: 106KB
Orginal Image lossy webp: 44KB
Which means you can actually get better results with a dithered webp than png. So thank you for your comment. I'm going to get to work adding webp download to the tool.
Edit: anyone reading this who is wondering why Jpeg and lossy Webp get bigger after dithering them. Computerphile did a good video about it it's about how jpeg compression works.
I'm wondering if the dithered webp has any gains on the dithered png. Avif comes to mind but definitely still not enough browser support to really worry about it.
Okay! So I thought I'd already done my research and knew the answer to this. But I didn't know lossless
webp
was a thing! So I tried it again with a 640 x 800 picture of a parrot and this is what I got:Original Image
jpeg
: 106KBOrginal Image lossy
webp
: 44KBDithered
png
(ordered 4x4): 37KBDithered Lossy
webp
: 105KBDithered Lossless
webp
: 17KBWhich means you can actually get better results with a dithered webp than png. So thank you for your comment. I'm going to get to work adding webp download to the tool.
Edit: anyone reading this who is wondering why Jpeg and lossy Webp get bigger after dithering them. Computerphile did a good video about it it's about how jpeg compression works.
You can use squoosh.app/editor to check avif as well