When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. It’s free and open-source.

How to use

You just have to put your image size after our URL. Only the first parameter is mandatory. There are options too, you can pass a text, or change some colors. Colors must be hexadecimal, the first one is the background color. You can add the alpha value of the color with a comma, (hex,a). The text can be passed with the text GET variable. Here are some examples you can look at:

<img src="https://fakeimg.pl/300/"> <img src="https://fakeimg.pl/250x100/"> <img src="https://fakeimg.pl/250x100/ff0000/"> <img src="https://fakeimg.pl/350x200/ff0000/000"> <img src="https://fakeimg.pl/350x200/ff0000,128/000,255"> <img src="https://fakeimg.pl/350x200/?text=Hello"> <img src="https://fakeimg.pl/200x100/?retina=1&text=こんにちは&font=noto"> <img src="https://fakeimg.pl/350x200/?text=World&font=lobster">

Use them directly in an image tag or a CSS background, or whatever you want to. This is a first draft, so you may expect some new features soon.

The support for japanese, korean and chinese text is available with the use of the Noto font (font=noto)