Implement a Screenshot Thumbnail Service

url2png beta

This week I was working on (yet) another site for DK New Media. This one is pretty cool – capitalizing on the photographs that Paul D'Andrea did for our company as well as provide a great HTML5 site that's cross-browser compatible. We've still got some work to do on speed, calls to action and landing pages – but it's almost there.

One of the things we wanted to do was showcase our clients on the site. Since that number continues to climb, implementing a new design and going back to capture logos or screenshots can be quite a pain. This time, I decided to just implement a screenshot service. Unfortunately, that's not as easy as you think… many are expensive and the code to implement is sometimes just ridiculous.

I happened across a new service, url2png, this afternoon and had it fully implemented within a few minutes! Customizing the WordPress theme actually took a lot longer than implementing the screenshot service itself. Even more impressive is that the folks there were monitoring my requests and when I returned to the site, they opened a chat with me to see if I was having a problem. Wow!

url2png s

The service also doesn't charge like some of the others do. If you make a request… they'll cache the image for 30 days and won't charge you for the cached requests. That means I'm able to run the site with the service for $10 per month (up to 1,000 unique URls). Awesome!

The request is the most simple I've found… just a simple way of building the image request with all the variables within the URl. They've also provided code samples for PHP, Python, Ruby and Bash… all of which are just a few lines of code. If you don't make the request right, they log the issue and provide you with an image that has a watermark on it. Very well thought out!

The final result is beautiful. We've got a client page where folks can mouseover each of the sites and see the work that we've done for the client:
thumbnail service sm s

If the visitor clicks the more link, it brings them to a single page where they can see a larger version of the screenshot:
thumbnail service lg s

The best part of using the service is that, as we add new clients, I don't have to go out and grab screenshots for them when I add them to the site's portfolio. And that time savings may be the best reason of all!

What do you think?

This site uses Akismet to reduce spam. Learn how your comment data is processed.