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.
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. The text can be passed with the text GET variable. Here are some examples you can look at:
<img src="http://fakeimg.pl/300/">
<img src="http://fakeimg.pl/250x100/">
<img src="http://fakeimg.pl/250x100/ff0000/">
<img src="http://fakeimg.pl/350x200/ff0000/000">
<img src="http://fakeimg.pl/350x200/?text=Hello">
<img src="http://fakeimg.pl/350x200/?text=World&font=lobster">
Use them directly in an image tag or a CSS background, or whatever you want to.
There are three bonus fonts you can choose by passing font=lobster, font=bebas, or font=museo in the URL.
Just pass the retina=1 in the URL. Your image will be 2 times bigger.
Prerequisites:
- Python
- Python development headers
- pip (
easy_install pipif you don’t already have it.) - A compilation chain (like gcc or else)
Optional:
- Memcached
- Memcached development headers
-
First you need to clone the project
`git clone https://github.com/Rydgel/Fake-images-please.git` -
Install all dependencies with
pip`pip install Flask Pillow` You may need to run this command as a privileged user. -
Run the tests
`python tests.py` -
Run the server
`python app.py` -
Open the browser at
http://127.0.0.1:5000
Made by Jérôme Mahuet, with love in 2012. Follow @phollow to stay up-to-date with the project, or if you just want to ask something. Feel free to make pull requests.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent