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.

Placekittenis 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 aglike so:

The 💜 of EU tech

The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It’s free, every week, in your inbox. Sign up now!

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.

Story byJoel 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(show all)Joel Falconeris the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be foundgamingorconsulting. Follow Joel onTwitter.

Get the TNW newsletter

Get the most important tech news in your inbox each week.