toying with the idea of only serving 'high quality' images on demand, to reduce energy usage when accessing my website.

i mostly do visuals so this might be overkill but here's a test: 358 kb jpg down to 24 kb png via mogrify, using floyd-steinberg dithering

pretty sure that atkinson (above) preserves more detail at the same resolution.

mapped to colors this strikes me as a nice way to have a drastically more efficient and stylized way to showcase screenshots. my only issue is the gameboy camera look that doesn't work great with all of my stuff, but higher res images might solve that.

at full hd resolution (atkinson, 52 kb) we're more in the realm of newspaper texture and less in the obra dinn. i think i'll try this approach with different thresholds and palettes!

Follow

see also: image dithering algorithm previews via WebGL dithermark.com

@dom god, ordered dithering looks so aesthetically pleasing to me

Sign in to participate in the conversation
Merveilles

Revel in the marvels of the universe. We are a collective of forward-thinking individuals who strive to better ourselves and our surroundings through constant creation. We express ourselves through music, art, games, and writing. We also put great value in play. A warm welcome to any like-minded people who feel these ideals resonate with them. Check out our Patreon to see our donations.