We need to embrace WebP v2 for this kind of stuff. I took one of their images, resized it to 24x16px, and compressed it with Squoosh at 65% quality. It compresses to just 144 bytes. And it looks way way way better than these CSS gradients.
https://squoosh.app/
Cool app but no maintained library to use it in our own apps and scripts.
Cool app but no maintained library to use it in our own apps and scripts.