You need modern browser to use this tool
X
PNGFormat
  • PNG
  • JPEG
  • WebP

Online Dummy Image Generator Tool

What is a dummy image?

A dummy image or a placeholder image is a temporary image used when designing and developing a website. Usually, dummy images will be replaced with real images when publishing the website. Dummy images are also used in other places like website mockups, document templates, and so on.

What Dummy Image Generator tool does?

Are you looking for custom placeholder images for your new website design? Then, Dummy Image Generator is the right tool for you. Using this tool, you can create dummy images with custom size and custom design.

How to use this tool?

Using the Dummy Image generator tool is straightforward. First, set the image properties like size, color, and so on.

Setting image size

Set the width of the dummy image in the “Width” textbox and height of the image in the “Height” textbox. Both the width and height are measured pixels (‘’px”).

Changing the background color

To change the background color of the dummy image click the “Background Color” box. This will open up a color picker tool where you can select the color you want. The color picker tool will also have options to enter the color code in HEX, RGB, and HSL forms.

Changing text color

To change the text color of the text in the dummy image click the “Text Color” box. This will open up a color picker tool which is similar to the one in the background color box.

Changing text font size

Set custom font size in the “Text Size” box. The value in the “Text Size” box will be used as the font size for the text inside the dummy image. Note that text sizes are pixel units.

Changing the text

By default, image size is displayed in the dummy image as text. For example, if you generate a dummy image with a width of 300px and a height of 250px. The text inside the image will be 300x250.

Use the “Text (optional)” box to change the text. It is recommended to use only a few words and also adjust the font size accordingly.

Changing image format

By default the dummy image will be generated in PNG format. But you can change the image format to any one of the available options in the “Format” selection box.

Generating the dummy image

Finished setting up the image properties? Now click the “GENERATE IMAGE” button to generate the dummy image.

Downloading the image

Click the “DOWNLOAD IMAGE” button to download the dummy image.

What image formats are supported?

The Dummy Image Generator tool can generate dummy images in three formats. They are:

  • PNG
  • JPEG
  • WebP

The WebP image format is only supported in Google Chrome and other Chromium forks like Opera, Brave, Vivaldi, and so on.

How many dummy images can I create and download?

There is no limitation on how many dummy images one can create and download. Generate as many images as you want. It is completely free.

Why use dummy images when designing a website?

When designing a website it is always good practice to use dummy images with the size mentioned in it. It reduces errors because the developer doesn't have to guess the image size.

Dummy images are also used in many other places like:

  • Website mockups
  • App mockups
  • Fallback when Ads in the website is not loaded
  • Resume templates
  • Word document templates
  • Tutorials

What are the common image sizes used on a website?

Image sizes used in a website solely depend on the design of that website. But certain image sizes are more commonly used when compared to others. They are:

Image Size

Ratio

32x32

1

64x64

1

128x96

1 1/3

160x120

1 1/3

180x135

1 1/3

192x144

1 1/3

234x60

3.9

256x192

1 1/3

320x200

1.6

320x240

1 1/3

320x288

1.1111

320x400

0.8

352x288

1.2222

352x240

1.46666

384x256

1.5

384x288

1 1/3

392x72

5.444444

400x300

1 1/3

460x55

8.36363636

480x320

1.5

468x32

14.625

468x60

7.8

512x342

1.497

512x384

1 1/3

544x372

1.4623

640x350

1.82857

640x480

1 1/3

640x576

1.1111

704x576

1.22222

720x350

2.05714286

720x400

1.8

720x480

1.5

720x483

1.49068323

720x484

1.48760331

720x486

40/27

720x540

1 1/3

720x576

1.25

729x348

2.094828

800x600

1 1/3

832x624

1 1/3

856x480

1.78333333

896x600

1.49333333

960x720

1 1/3

1024x576

16/9

1024x768

1 1/3

1080x720

1.5

1152x768

1.5

1152x864

1 1/3

1152x870

1.3241

1152x900

1.28

1280x720

16/9

1280x800

1.6

1280x854

1.498829

1280x960

1 1/3

1280x992

1.29

1280x1024

5/4

1360x766

1.77545692

1365x768

16:9 (nearly, 1.77734375)

1366x768

16:9 (nearly, 1.77864583)

1365x1024

1 1/3

1400x788

1.77664975

1400x1050

1.3671875

1440x900

1.6

1520x856

1.77570093

1536x1536

1

1600x900

16:9

1600x1024

1.5625

1600x1200

4/3