JavaScript
Article
By Sam Deering

10 Dummy Image Generators for Web Designers

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Rather than creating these placeholder images manually, there are free to use services which can automate the process and save us time. Here is a list of 10 Dummy Image Generators for instant dummy images. Particularly useful for the keen Web Designer who doesn’t who likes to produce rapid prototyping designs with different layouts or responsive image layouts. Enjoy!

Related Posts:

Update: 20/06/13: Added pixelholdr. Put to top of list.

1. pixelholdr

I’ve put pixelholdr to the top of the list because it searchs Flikr with your keyword(s) and grabs a placeholder image for you. nice.

place-holder
Source Demo

1. fakeimage

A dummy image generator a la dummyimage.com, but written in Ruby.


fakeimage

Source
Demo

2. Random Image Generator

It is a free tool that will generate placeholder or dummy images in your specific dimensions. The images are randomly generated abstracts.


Random Image Generator

Source + Demo

3. Ipsum Image

Placeholder image generator running completely on Google services, intended for assisting with initial layouts of web designs before actual images are available.


Ipsum Image

Source + Demo

4. Dynamic Dummy Image Generator

Works with Flash applications. Images are served with a specified Content-Length so they can be used in pre loaders.


Dynamic Dummy Image Generator

Source + Demo

--ADVERTISEMENT--

5. Textmate – snippet for inserting dummy images

A quick textmate snippet for inserting dummy images from dummyimage.com.


Textmate

Source + Demo

6. Dummy Image Bookmarklet

A handy little bookmarklet (or favlet) that uses the site dummyimage.com to create a place holder graphic.


Dummy Image Bookmarklet

Source + Demo

7. DIG (Dynamic Image Generator) 1.0.0-beta2

This is snippet is intended to be used as a placeholder for development and mockups, placeholder images allow you to define the size and location of images in your design without worrying about what the images will be.


DIG

Source + Demo

8. [lorem] shortcode

The plugin contains two shortcodes, [lorem] and [loremimage], the [loremimage] shortcode can be nested in the [lorem] shortcode. Supported parameters, all are optional.


shortcode

Source + Demo

9. Dummy Image Generator

Fine placeholder images for web designers.


Dummy Image Generator

Source + Demo

10. FPOImg.com

FPO means For Placement Only and is commonly used for providing a placeholder image where actual content will reside in a publication, website, or similar.


FPOImg.com

Source + Demo

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the latest in JavaScript, once a week, for free.