Dummy Image Placeholder Generator- Free Image Placeholder Tool

Search Engine Optimization
--Advertisements--

Dummy Image Placeholder Generator





Preview Image

--Advertisements--

About Dummy Image Placeholder Generator

What Is Dummy Image  Placeholder? 

--Advertisements--

A dummy image Placeholder generates custom placeholder images on the fly

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 or use the Stock Image tab and choose an image of either people, food, or a landscape.

 

How To Use Our Dummy Image  Placeholders

Just specify the image size after our URL (https://tool4seo.com/) and you’ll get a placeholder image. So the image URL should look this:- https://tool4seo.com/150 You can use the images in your HTML or CSS, like this:  (Be sure to check out our HTML & CSS tutorials at HTML.com, our sister site, if you’re rusty) There are a few simple rules before you use them.

How To Set Image Formats Image format is optional – the default is a . GIF. You can use the following image file extensions…

.GIF .

JPG .

JPEG .

--Advertisements--

PNG Adding an image file extension will render the image in the correct format. JPG & JPEG are identical. The image extension can go at the end of any option in the URL


How To Set Image Size

Specify the width first, then the height. Height is optional: if no height is specified, your placeholder image will be a square

 

Size

width x height

  • Height is optional, if no height is specified the image will be a square. 
  • Must be the first option in the url
  • You can specify one dimension and a ratio and dummy image will calculate the right value. 

Colors

background color / text color

  • Colors are represented as hex codes (#ffffff is white)
  • Colors always follow the dimensions,
  • 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 .
--Advertisements--

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

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 
  • 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 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

--Advertisements--

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
--Advertisements--
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. 

--Advertisements--

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. If you find that the site is loading slower than it should, you can always use our PNG and JPEG compression tool to compress the images. 

Can I select a specific image using the stock image generator? 


You cannot select a specific image but you can choose an image type. For example, if you wanted an image of a cat, then the stock image generator will select ONE picture of a cat for you. You will not be able to choose from a library of cat images.

Where do you take your stock images from? 

--Advertisements--


The images are taken from Unsplash and are free to use and are free download and use. There is no limit to the number of dummy stock images that you can download using our tool. Please note that Unsplash photos cannot be sold without significant modification.

Popular Image Sizes

Medium Rectangle 300×250
Square 250×250
Vertical Rectangle 240×400
Large Rectangle 336×280
Rectangle 180×150
Popunder Ad 720×300
Full Banner 468×60
Half Banner 234×60
Micro Bar 88×31
Button 120×90
Button 2 120×60
Vertical Banner 120×240
Square Button 125×125
Leaderboard 728×90
Wide Skyscraper 160×600
Skyscraper 120×600
Half Page 300×600
--Advertisements--



--Advertisements--
--Advertisements--