Show HN: I wrote a script to turn a webpage into bitmap HTML. (Caution: huge)

http://elliottkember.com/awesome/hn.html

by elliottkember • 16 years ago

53 32 16 years ago

EGreg2• 16 years ago

how?

citricsquid2• 16 years ago

I would assume he takes a screenshot of the page (xbrow.se is one utility for it) and then picks the colour from each point and displays it... quite simple to do, why is probably a better question :p

EGreg2• 16 years ago

I thought he said he does it with javascript!

flawawa2• 16 years ago

If you are just looking to make a self-contained file that has the page as image, I would suggest you simply embed the image as base64.

I made a bitmap -> <table> once, that was pure hell like this. ;-)

StavrosK• 16 years ago

Oh, the humanity. Why would you do this (apart from "Because I can")?

viraptor3• 16 years ago

Finally a pixel-perfect display on any browser! With no-license font embedding.

aj7002• 16 years ago

I laughed.

But, there's another way - use a damn scripted gif or png</obvious>

...or for monochrome pages, is an xbm smaller?

update: oh yeah, i forgot, xbm files are C, though I suppose you could meta script them with more C.

people who really dont want their text stolen are going to see the massive bandwidth we have now and start just using images. protects it from anything but ocr.

stcredzero2• 16 years ago

Perhaps this could be a good start for another coding contest: The most inefficient webpage.

The object: take a copy of the Google search page and represent it in the most inefficient, bloated way possible. There would be two divisions: time-bloat and space-bloat.

Rules: Every piece of code must be involved in displaying something visibly on the page. Every statement in the Javascript must be making forward progress toward displaying the page.

The functionality of the page must be exactly the same as the original.

Any other rules?

(There wouldn't be any loading and waiting on external resources, of course.)

viraptor3• 16 years ago

Calculate `h=SHA256(original_page)` and `n=len(original_page)`.

    do
      page = gen_random_bytes(n)
    while (h != SHA256(page))
    print page

It can be even generated client-side!

wwortiz• 16 years ago

Can't the same hash mean different data?

stcredzero2• 16 years ago

The problem with this, is that the random bytes in one iteration of the loop might be closer to the page than the next iteration, so there would be reverse progress in that instance. This entry would be disqualified.

wzdd• 16 years ago

Bonus points for apparently using RLE for same-colour runs of pixels. :)

elliottkember4• 16 years ago

Thanks! I did it without first, but it was way too big and crashed the browser.

ronnier• 16 years ago

Source https://github.com/elliottkember/img2html.rb

slouch• 16 years ago

this week, i've been converting HTML output into PNG images. i used the preview feature of an HTML to PDF dll we have lying around.

zbanks• 16 years ago

Why didn't we think of doing this before we had Canvas!

...oh that's why.

proexploit2• 16 years ago

Then turn it back into HTML with an experiment of mine: https://github.com/andershaig/img-con - It takes an image, writes a span with a background-color for each pixel. Turns a 100x100 image into a 7 MB HTML file.

elliottkember4• 16 years ago

Uh - that's exactly what this script does!

proexploit2• 16 years ago

You're right and I should have paid more attention. I had thought you were generating just the image from a web page. Having actually worked on something similar, I can say I'm very very impressed with the load time.

roadnottaken• 16 years ago

This is cool, but when I first clicked it I thought it was transforming my current webpage into HTML/bitmap somehow. I was amazed. Then I realized it's a statically generated page. If you could make this into a bookmarklet that transformed the current page, then I'd be REALLY impressed. :)

jcapote• 16 years ago

Nice! this reminds of a script I wrote that turned images into svg: https://gist.github.com/761332

darrenkopp• 16 years ago

and all of the sudden, the new years clock done in sql seems useful.

hope you don't go over your bandwidth quota ;)

ph0rque• 16 years ago

I think it's to early to call this a startup... you need to think about your potential revenue sources. ;~)

biot• 16 years ago

Bandwidth deals? :)

emilsedgh• 16 years ago

And you'd be amazed to know that khtml (KDE's rendering engine, used by Konqueror) renders it instantly!

aj7002• 16 years ago

basically doesn't get rendered at all in ie9. big surprise.

templaedhel• 16 years ago

Now if only links worked. Then you would have created a modern image mapping service. I like it.

Show HN: I wrote a script to turn a webpage into bitmap HTML. (Caution: huge)

Related Stories