Outbound Link Summary:
1 year ago
p3k dots

Pixel Accurate Atkinson Dithering for Images in HTML.

Actually including dithered images on the web is fraught with issues. Dithering relies on a precise correspondence between the source image pixels and the display pixels – any attempt to resize a dithered image is going to be either blurry or covered in distracting Moiré patterns. The browser is actively working against us here – it resizes images in a way that makes sense for most images but totally destroys the sharp dithering effect I am going for.