Convert images to Wikidot tables!
22 Nov 2008 12:26
22 Nov 2008 12:26
22 Nov 2008 12:26
22 Nov 2008 12:26
nav_first.pngFirst: blog:1
My first blog!
Edited: 06 Nov 2011 11:49 by: James Kanjo
Comments: 2
Tags: ads blog css facebook first free myspace program programming wiki wikidot
nav_prev.pngPrevious: blog:2
I've finally launched it!
Edited: 05 Jul 2011 13:20 by: James Kanjo
Comments: 0
Tags: blog comments css debut launch program programming public start
Last: blog:77
Wikidot: CSS Per Category
Edited: 04 Mar 2012 05:54 by: James Kanjo
Comments: 3
Tags: programming wikidot
nav_last.png
Next: blog:4
My CSS is complete… sort of
Edited: 05 Jul 2011 14:22 by: James Kanjo
Comments: 5
Tags: blog comparison css glass squark website
nav_next.png

On the 18th of November 2008, I thought up an idea of how you could display images. As you can specify almost all attributes of a table, including cell size and background colour, you could construct an image by making cells as small as possible and perfectly adjacent. I thought that perhaps I could convert normal images into tables.

The next day I decided to create the program that would do this. It took a few hours of the morning, but by about afternoon, I created the program to do the job perfectly. I tried the program and the output seemed to be correct, but incredibly huge. When I copied and pasted the code into a Wikidot page, I clicked save and waited.

Instead of getting an image, I got a message telling me that a Wikidot page is limited to 200 000 characters, and that exceeding this would abuse Wikidot's services (or something like that).

So back to the drawing board, I redesigned the program to cater for Wikidot's limitations.

It took the whole afternoon and ate away into my night. This is because I am a perfectionist, and I document all of my source code internally. I also needed to calculate the barriers precisely to make the program as effective as possible. Plus I needed to cater for images that couldn't possibly be converted.

The file formats my program supports are *.png, *.jpg, *.gif and *.bmp files. This program requires that you have the .Net Framework 2.0 installed on your computer (which comes pre-loaded with Windows Vista).

Copyright © 2008 James Kanjo. You may use this program freely and redistribute it, provided that you give credit to me (James Kanjo) and do not manipulate the program in any way. This means you are not allowed to reverse engineer the program and redistribute modified versions.

You can see an example of the program in action here, which uses all pages in the bath category to render the entire image. You will notice that the image seems a bit pixelated. This is because it is not possible to create 1*1 pixel cells, the minimum is actually 2*2 (or 2*1 in stupid web-browsers). Therefore, the image is typically double the size of the original image. You could therefore return the image to it's original form with a screen-dump and some extra software.

~ James Kanjo

Edit: I have just discovered that IE seems to display only a third of the image properly… strange.

Edit 2: I have decided that the image was simply too large, and the page took too long to render. Here is what happened.

Comments:

Add a New Comment
or Sign in as Wikidot user
(will not be published)
- +
All content on this page is subject to the guidelines outlined here