Web Development

8 Dummy Image Generators For Quick Layout

Written by Kevin Liew on 21 Oct 2012
47,271 Views • Shares
5 comments

Introduction

Something I discovered lately, we all should quite familiar with lorem ipsum dummy text generator, how about some dummy image generators this time. As a frontend developer, I found myself create dummy images just to fit the layout during development, and discovery of this dummy image generators would save a lot of my times! Most of the generators able to generate images by the dimension specified in the URL, it's on the fly generation of images and some even comes with a few more customization such as font face, icons and colors.

Here we have 8 dummy image generators. All images in this post are generated dynamically, so you would have a rough idea how the generated images will look like.

  • LorempixelLorempixelLorem Pixel generates picture or gray background dummy image easily.
  • CambeltCambeltCambelt dummy image generator comes with configureable font face, text, color and also icons.
  • Dummy ImageDummy ImageDynamic Dummy Image generator generates images based on your desired background color, dimension and text.
  • FPO ImgFPO ImgFPO (For Place Only) image generates simple placeholder image, you can add text too.
  • Ipsum ImageIpsum ImageIpsum Image comes with a few settings such as label, font size, foreground and background color, type of image and dimension.
  • FlickholdrFlickholdrFlickholdr generates dummy images by using flickr tags. You can set the dimension, tags, black & white and offsets
  • Placehold ItPlacehold ItPlacehold.it allows you to set the dimension, text and color.
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

5 comments
Russell Heimlich 4 years ago
Thanks for mentioning dummyimage.com. Just wanted to mention the source code is available http://dummyimage.com/#download as well as bunch of other extensions.
Reply
John Cranston 4 years ago
agopaul 4 years ago
I've built one on my own: http://getdummyimage.com
It's pretty basic but I'm going to add some other customization options in the near future
Reply
Babak Fakhamzadeh 2 years ago
siteadda 1 year ago
Nice article. Thanks to share with us.
Reply