8 Dummy Image Generators For Quick Layout

8 Dummy Image Generators For Quick Layout


8 Dummy Image Generators For Quick Layout

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.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

3 comments

Russell Heimlich
Fri, 26th October 2012
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
Tue, 11th December 2012
No placekitten? http://placekitten.com/ Reply
agopaul
Wed, 16th January 2013
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

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement