[ more stuff | sample image | source ]

This here page converts JPEG and PNG format images into colour HTML tables. It doesn't work too well with big files – 200 x 200 is about the biggest that works – and there's generally some bits that don't show up properly for some reason (I suspect it's due to crappiness in the actual image that doesn't show up normally). But it's fun for 30 seconds or so. The image is also a bit skewed because the table cells aren't perfect squares, which could probably be fixed by fiddling around with ignoring some of the pixels. Excercise. Reader.

Update 2006-01-06: Brian Blietz emailed me to kindly let me know about a but in the code:

> You mentioned: "there's generally some bits that don't show up properly
> for some reason (I suspect it's due to crappiness in the actual image
> that doesn't show up normally)"
>
> This is not because of the image, but a bug in the code. You do not take
> into account the values that are less than 0x10 (16 decimal). The
> values that are below this are only one character in length, not two.
> For example: If red = 1, green = 1, blue =1, your code prints out #111,
> and it should print #010101

He also suggested a fix which, is now in use. Thanks Brian!

Here's a 120 x 118 PNG image of a hand holding a beer you can use to try it out.

image filename:
letters to use: