Ever wanted to take an image and convert it, pixel by pixel, into CSS, HTML, or xHTML? Well, now you can, thanks to my handy conversion tool! Just give it the URL of the image to convert, select a pixel resampling ratio, a mode, and off you go. You can also save the html. Just right click on the permalink and “save target as” to your favorite location.
Note: If you give a very large image, with a very small pixel ratio, the image could take a long time to load, or eventually overload your browser with multiple megabytes of web information. These “images” are very large!
Convert your image:
Please visit this link: Image To CSS.
The Google Logo, rendered in HTML
A random aquarium scene
There are four display modes you may invoke:
Alternative Pixelling Mode
Massive Poster Mode
Using 1:1 pixel to CSS pixel ratios can produce extremely large output files–so large that PHP and Apache throw a 500 error because they run out of memory on my host. Hence, I’ve set a default resolution of a 100 pixel scale. Every image is resampled to 100×100 pixels and sized to fit the original image. Images smaller than 100 pixels are 1:1.
Currently we support png, jpg, gif, and bmp images. If the URL you give has an improperly specified file extension, we will assume that it is a jpg.
|This entry was posted on Monday, April 25th, 2005 at 4:29 am and is tagged with . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback.|