Thumbnails from HTML pages created and used automatically in web application

Question

I am working on a Ruby on Rails app that visualizes product trees. The tree is built of nodes an everything is rendered in HTML/CSS3. Some of the products make several hundred SQL queries as the tree builds up (up to 800 queries on the biggest tree).

I'd like to have small thumbnails of each tree to present it on an index page. So rendering each tree once again and modifying CSS to make a tiny representation is an option.

But i think it's probably easier to generate thumbnails, crop, cache, and show these on the index page.

Any ideas on how to do this? Any links/articles/blog posts that could help me?

Answer 1

Check out websnapr; it looks like they provide 100,000 free snaps a month.

Answer 2

I should check this site more often. :D Anyway, I've done some more research and it looks like you'll need to set up some server-side scripts that will open a browser to the page, take a screenshot, and dump the file/store in database/etc.