Dithering with CSS
ikesau.co
Dithering with CSS
1–10 of 30 posts
Re: Dithering with CSS
#2Is this what they use at schools before they hand it over to the printer? /j
Re: Dithering with CSS
#3I have to admit I don't think it's visually very appealing like that. It looks more like some sort of error/ glitch. Maybe my old Firefox does it weirdly?
Re: Dithering with CSS
#4It feels and looks like threshold-quantized Perlin rather than actual proper dithering. Cool stuff that said!
Re: Dithering with CSS
#5Is this actually dithering?
I have dabbled with some dithering algorithms and while this is way faster than my naive js implementations, this looks pretty bad
Re: Dithering with CSS
#6Is this what they use at schools before they hand it over to the printer? /j
Exactly what I thought. Work sheets used to look like this if they have been copies of copies of copies...
Re: Dithering with CSS
#7The image quality is so bad, I don't get it?
Re: Dithering with CSS
#8I’ve messed with a similar idea here:
https://untested.sonnet.io/notes/just-some-innocent-gradient...
(The linked web app doesn’t work on mobile in portrait mode, sorry!)
The biggest issue with this trick is that different engines calculate the filters differently, thus turning an okay-ish image into something that looks like a glitch.
Re: Dithering with CSS
#9Is this actually dithering? I have dabbled with some dithering algorithms and while this is way faster than my naive js implementations, this looks pretty bad
Yes it is dithering. Unusual dithering though - I don't see why it is coloured. Is this intended for printers?
Re: Dithering with CSS
#10Is this what they use at schools before they hand it over to the printer? /j
I recommend lookscanned.io if you need a similar effect for legal reasons