Dummy Image Generator – Free Placeholder Image Tool

Quickly and easily create placeholder images

Easy to create placeholder images online, just enter width and height to generate image in any image format. Additionally, you can change font, color and size of placeholder text etc. standard dummy image dimensions such as 250 x 250 , 300 x 300, 100 x 100, 50 x50 are used in online website templates, but this tool can generate dummy images in any size without any restrictions.


600x400/000/fff


/ / .

What is a Dummy Image Generator?

When you are building a website or landing page, and the images you want aren’t ready yet, you can use dummy images as placeholders. This will help you to see how the content will look when it’s formatted on your page.
This tool is FREE to use, and will help you to quickly, and easily create dummy images for your designs, so that you can keep your project moving forward.
You can create a dummy image with one block of color.

Documentation

Size

width x height

Colors

background color / text color

Image Formats

.gif, .jpg, .png

Custom Text

&text=Hello+World

Popular Image Sizes

Medium Rectangle 300x250
Square 250x250
Vertical Rectangle 240x400
Large Rectangle 336x280
Rectangle 180x150
Popunder Ad 720x300
Full Banner 468x60
Half Banner 234x60
Micro Bar 88x31
Button 120x90
Button 2 120x60
Vertical Banner 120x240
Square Button 125x125
Leaderboard 728x90
Wide Skyscraper 160x600
Skyscraper 120x600
Half Page 300x600

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

Character UTF-8 Hex Equivalent
+ 0x2B
# 0x23
% 0x25
& 0x26

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.

Keyword Shortcuts Dimensions Regular Expression
mediumrectangle medrect 300×250 ^(med)\w+(rec\w+)
squarepopup sqrpop 250×250 ^(s\w+pop)
verticalrectangle vertrec 240×400 ^(ver)\w+(rec)
largerectangle lrgrec 336×280 ^(large|lrg)(rec)
rectangle rec 180×150 ^(rec)
popunder pop 720×300 ^(pop)
fullbanner fullban 468×60 ^(f\w+ban)
halfbanner halfban 234×60 ^(h\w+ban)
microbar mibar 88×31 ^(m\w+bar)
button1 but1 120×90 ^(b\w+1)
button2 but2 120×60 ^(b\w+2)
verticalbanner vertban 120×240 ^(ver\w+ban)
squarebutton sqrbut 125×125 ^(s\w+but)
leaderboard leadbrd 728×90 ^(lea\w+rd)
wideskyscraper wiskyscrpr 160×600 ^(w\w+sk\w+r)
skyscraper skyscrpr 120×600 ^(sk\w+r)
halfpage hpge 300×600 ^(h\w+g)
Screen Standards
Keyword Dimensions
cga 320x200
qvga 320x240
vga 640x480
wvga 800x480
svga 800x480
wsvga 1024x600
xga 1024x768
wxga 1280x800
wsxga 1440x900
wuxga 1920x1200
wqxga 2560x1600
Video Standards
Keyword Dimensions
ntsc 720x480
pal 768x576
hd720 1280x720
hd1080 1920x1080

Frequently Asked Questions


What is a dummy image?

When you are designing a new site, often your text is ready before your images. With dummy images, you can place your content on a web page and use dummy images as placeholders until the actual images are available. That way, you don’t have to stop the design process. You can get dummy images in just about any size you need. 

Is the dummy image generator free to use?

Yes it is. You can create and download as many dummy images as you need. These images are made to increase the realism of your design, but make sure to swap them in for real images before you go live!

Will image placeholders slow down the loading speed of my website?

These images will replicate what you will have on your site when it goes live, so it’s a good way to test if they do reduce the loading speed of your web page

Web Developer Tools

We're obsessed with making web developers' lives easier at Browserling, so we created a collection of the most popular developer tools all in one place. We love simplicity so we made them very simple and obvious how to use. No ads, bloated dialogs, or useless checkboxes. Just tools. All free. Press button, get result. Here they are!

PHP Code Encryption

Like this tool? Rate it!

0 (Voted by 0 users)