Easily Generate Placeholder Images in Designs and Web Pages

I came across a neat site called dummyimage.com that allows you to append an image size to it’s URL as so: http://dummyimage.com/300×250. However, what I didn’t like about it, is that I could not add text to the image to describe what the image is a placeholder for. I took upon myself to create my own service that does this and I plan on expanding it to do more as well.

Last night I created fpoimg.com. It works in very much the same way as dummyimage.com, only you can add text to your images. The next iteration of the site will allow you to change the colors of the background and foreground. Anyway, the way you use the site is if you want to create a basic placeholder or FPO (For Placement Only) image you simply go to http://fpoimg.com/345×480 and the image will be provided to you. You can save this image if you like, or you can refer to it directly in your code such as in an image tag:
<img src="http://fpoimg.com/345x480">

The first number is your width in pixels, the second is your height in pixels. Additionally, if you want to add some text to the image to describe it as a placeholder, you simply append that to the URL as so:
http://fpoimg.com/345×480/Advertisement

This will create the following image:

It’s really that basic! Here are some more examples:

I of course do plan on tweaking this service as needed such as caching the images and providing the ability to change their colors. If the service becomes more popular, I have a feeling I’ll need to invoke some kind of limit as well so as not to crash the server.