Discover a selection of 11 image generators to illustrate your mockups in CSS and HTML. The equivalent of a Lorem Ipsum for images.
Useful to avoid wasting time creating the images to includeThis means you also don't need to upload placeholder images to your site or your clients' sites, so you won't clutter the site's media library.
You just need to make a request specifying the size and you'll get an image that will fit perfectly.
Lorempixel
For the Web or print, you can generate random images with Lorempixel.
By making requests such as http://lorempixel.com/700/300/you will generate a 700x300px image. To include it in your HTML, simply add the img tags.
The tool also lets you choose the category of image to generate (Abstract, Nature, etc.)
DummyImage
DummyImage works like Lorempixel. In addition, it can calculate an aspect ratio for an image size. You can choose the background color, the size, the text, etc.
There is also a library for standard formats like a leaderboard that is 728×90. Very comprehensive.
Placeholder.com
Complete, Placeholder.com offers the same features as DummyImage. Choose the size, color, file extension and the text that will make up your image.
Note: you won't be able to generate photos.
fakeimg.pl
Again, using fakeimg.pl is simple. You just need to put your image size after the URL. Only this first parameter, the size, is mandatory.
There are also options, like with other generators: for example, you can display text or change certain colors.
Placeholder Image Generator
The concept is almost the same, Placeholder Image Generator offers more than 12 different categories to help you find the right image for your site.
However, here you have to download the images, which is a bit inconvenient since there is no use of a link. So you can easily find images at random, but you end up filling your media library.
Lorem Picsum
Lorem Picsum is the Lorem Ipsum of photography! Again, you just need to add the desired image size (width and height) after the given URL, and you'll get a random image!
Imageholdr
imageholdr will allow you to generate an image by choosing the text, the format, the file extension and the image category.
And also… fun image generators
Want to laugh a little? Web designers have a sense of humor — many generators let you fill your site with fun images!
Fill Murray for example, fills your site with images — of all sizes — of Bill Murray! The same thing exists with Nicolas Cage, the kittens or bears.
But, more seriously, you now have a wide range of image generators for your web designs. If you need a hand, find the right freelancer on Codeur.com !
