Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

This article was published on March 10, 2011

    Placekitten automatically generates placeholder images… of kittens

    Placekitten automatically generates placeholder images… of kittens
    Joel Falconer
    Story by

    Joel Falconer

    Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found g Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found gaming or consulting. Follow Joel on Twitter.

    If you’ve been designing websites for any length of time, you know how annoying it can be to collect a set of images and crop them all down to specific sizes just so you can have a diverse set of placeholder images as you put together the site.

    Placekitten is the answer to your problems! The site serves up images of the required size based on the URL, so once you memorize the simple pattern you can code your placeholder images into your designs without leaving the text editor.

    Here’s the URL structure:

    http://placekitten.com/200/300

    Simple enter the dimensions as you would in Photoshop–width by height, separated by a slash. For greyscale, all you have to do is add a g like so:

    http://placekitten.com/g/200/300

    Placekitten is a really simple service, but sometimes its the simplest things that save us the most time.

    I’ll probably use Placekitten myself, but it’ll fill me with rage every time I see one of the destructive little beasts.