Instant Site Thumbnails for Your Blog with PageGlimpse

October 14th, 2009 · View Comments · Screen Capture, Technical Writing

: Image via Wikipedia

What’s the fastest way to take a screenshot of a website, turn it into a thumbnail, and get it on your blog? How about if you could automate this?

Most of us hit print screen, take it into Snagit or PhotoShop, play with the size until it’s right and then save. Well, here’s a faster way.

Andy Wibbels was looking for API-based services that create thumbnails. He found PageGlimpse.

Instant Site Thumbnails for Your Blog with PageGlimpse

Here’s how to do it.

1. Get a PageGlimpse Developer Key.

2. Go to http://www.pageglimpse.com/signup and sign-up.

Once you activate your account you’ll get a developer key, i.e. random collection of letters and numbers.

3. Drag-and-drop the Create Thumbnail link to your Links toolbar in your browser.

NOTE: Don’t click it. Click-and-hold-and-drag-and-drop.

4. There is a Create Thumbnail is in your Links toolbar. Add your Developer Key to it.

5. Right-click on the Create Thumbnail link in your Links toolbar and select Properties.

The script will look something like this:

avascript:void((function(){location.href=location.href.replace(/^http\:\/\/([^\/\@]+)/,”http://images.pageglimpse.com/v1/thumbnails?devkey=YOUR-DEVELOPER-KEY&size=medium&url=”+”$1″);})())

6. Replace DEVELOPER-KEY-GOES-HERE with your PageGlimpse developer key and save.

7. Go to whatever site you want e.g. http://andywibbels.com/

8 Click on Create Thumbnail.

9. PageGlimpse will create a screen capture.

10. Save the image or Add it to a post.

Note: you can replace the size variable to small, medium or large.

This means that every time you take a screenshot with this tool, all the thumbnails will be the same size. No more time-wasting in Paint, Photoshop or whatever.

How it works behind the scenes

The PageGlimpse web service is a REST service, meaning that you can construct request URLs that will work in your code, in your browser or at the command line.

The REST access to the PageGlimpse service is simply an HTTP GET or POST request (RFC2616). The service parameters are passed as simple HTTP parameters.

All request URLs start with the host-name followed by the API version number and resemble the following code:

PageGlimpse http://images.pageglimpse.com/v1/

Andy Wilbbles: http://andywibbels.com/2009/07/instant-site-thumbnails-for-your-posts-using-pageglimpse/

If you know a better way to do this, please let me know. It takes about 5 min to get setup and then you’re flying. Let me know if you have any problems getting it working.