I wish there was a way to generate grain with a css filter
Because. it makes color gradation look better in gradients and images and stuff but it also makes images bigger. I wish I could make a normal background image (or gradient!) and then do a css filter that added a tiny amount of luminance noise
if you had an image of noise that tiled you could probably overlay & blend it in css, but i dunno if you could really make the image big enough so that you don't notice the repeating pattern without also just undoing any of the filesize saving you get on the main image lol
Ya that's what I did on my website in some places (should have tried using it more, it's not actually used on anything with gradients so... kind of missing the point of what I said here, but) https://cervine.online/ on the text boxes
I wonder if this would be a good use-case for the fancy new image formats: AV1 supports film grain synthesis, I wonder if AVIF supports it. If so, an arbitrarily big grain image should basically just be the size of the settings for it.
It’s because it’s a video codec and all the new video codecs are doing it because it saves so much space. Noise is hell to compress but (as you were just saying) is really important, so they run full denoising and then compute a model of that noise they removed, and store settings that do a good job recreating the noise. And then they can compress the image nicely and let the decoder add the simulated noise back on top, and it still looks good but is 30% smaller.
