Dynamic Dummy Image Generator

http://di.loopcreate.com/600x400/000/fff

Documentation

Size

width x height

• Height is optional, if no height is specified the image will be a square. Example: http://dummyimage.com/300
• Must be the first option in the url
• You can specify one dimension and a ratio and dummyimage will calculate the right value. Example: http://dummyimage.com/640x4:3 or http://dummyimage.com/16:9x1080

Colors

background color / text color

• Colors are represented as hex codes (#ffffff is white)
• Colors always follow the dimensions, http://dummyimage.com/250/ffffff/000000 not http://dummyimage.com/ffffff/250/000000
• The first color is always the background color and the second color is the text color.
• The background color is optional and defaults to gray (#cccccc)
• The text color is optional and defaults to black (#000000)
• There are shortcuts for colors
  • 3 digits will be expanded to 6, 09f becomes 0099ff
  • 2 digits will be expanded to 6, ef becomes efefef
  • 1 digit will be repeated 6 times, c becomes cccccc Note: a single 0 will not work, use 00 instead.
• Standard image sizes are also available. See the complete list.
  • http://dummyimage.com/qvga
  • http://dummyimage.com/skyscraper/f0f/f

Image Formats

.gif, .jpg, .png

• Adding an image file extension will render the image in the proper format
• Image format is optional and the default is a gif
• jpg and jpeg are the same
• The image extension can go at the end of any option in the url
  • http://dummyimage.com/300.png/09f/fff
  • http://dummyimage.com/300/09f.png/fff
  • http://dummyimage.com/300/09f/fff.png

Custom Text

&text=Hello+World

• Custom text can be entered using a query string at the very end of the url.
• This is optional, default is the image dimensions (300×250)
• a-z (upper and lowercase), numbers, and most symbols will work just fine.
• Spaces become +
  • http://dummyimage.com/200x300&text=dummyimage.com+rocks!
• The font used is from the freely available M+ Font Project

The following characters need to be encoded using the UTF-8 Hex version in order to be renederd properly.

You'll run into problems trying to manually enter a dimension as text if the numbers use the UTf-8 Hex values above, like &text=400x250. Use a multiplication symbol, × instead (not an x character) to get around this, &text=400×250.

If you need to use other unicode characters, look up their UTF-8 Hex version at http://www.fileformat.info/info/unicode/char/search.htm

Standard Image Sizes

Several standard dimensions are included in dummyimage.com including ad sizes and screen resolution sizes.

Ad Sizes

Screen Standards

Video Standards

Flash Support

Dummyimage.com works with Flash applications.

• Images are served with a specified Content-Length so they can be used in preloaders
• Dummyimage.com uses a crossdomain.xml file

Download the source code

source.zip

Dummy Image is written in PHP and distributed freely under a MIT License.

Other Versions

Fakeimage

Ruby

Michael Dungan

ASP.net Dummy Image

ASP.net

Jess Tedder

Dynamic Dummy Image Generator for Django

Django/Python

Rolando Espinoza La fuente

Random Image Generator

Johan Thomsen

Dummy Image Generator Expression Engine Plugin

PHP/Expression Engine

tsiger

Dummy Image Bookmarklet

JavaScript

Robert Gomez

Ipsum Image

Python/Google App Engine

Dan Moore

Textmate Snippet

Textmate

Danny Smith

Forked Textmate Bundle (Forked version by Aziz Light)

Textmate

Kenneth Reitz

Dummyimages Drupal Module

PHP/Drupal

Derek Ahmedzai

DIG (Dynamic Image Generator)

PHP/MODx CMS

Brian Wente

Dummy image

PHP/Drupal

naxoc

[lorem] shortcode

PHP/WordPress

Per Soderlind

About Russell Heimlich

I am Russell Heimlich (@kingkool68) and I like to design web pages, blog, and doodle around in JavaScript and PHP.

Contact

Still have questions or suggestions? Contact me.