divbuster, a disturbingly inefficient image format
divbuster is an attempt at using <div> tags and CSS as a method of displaying
rastered images. No joke, nothing on this page has an <img> tag anywhere near it!
It really puts the hurt on browsers.
Here's the requisite rendering of Lena in divbuster format.
Check the source if you don't believe me :).
And here's a bunch of tomfoolery. More to come.
width: 200 / height: 200 / pixelsize: 20 / type: sphere
width: 200 / height: 200 / pixelsize: 20 / type: sphere
width: 200 / height: 200 / pixelsize: 5 / type: sphere
width: 100 / height: 100 / pixelsize: 2 / type: sphere
width: 200 / height: 200 / pixelsize: 20 / type: random
width: 200 / height: 200 / pixelsize: 20 / type: gradient
width: 200 / height: 200 / pixelsize: 10 / type: gradient
width: 200 / height: 200 / pixelsize: 5 / type: gradient