Dummy Image Generator

Create dummy images that can be used for mock-ups, etc.
Can be created in PNG, WebP, JPEG, GIF, or SVG format.

Type
Size
xx 0.5x 2.0 ⇆ 
Background settings
ColorRandom
Pattern
Image
Filter
Transparent
Border settings
Border
Text settings
Font
  • Japanese
  • English
  • Chinese
  • Other
ColorRandom
Size
V-align
H-align
Text
The following keywords can be used.
Effect

Result

Download as .png file
File size 10.4 KB (10,664 bytes)
Type PNG
Image size 480 x 320
Aspect ratio 3:2 (1.5:1)
※ When the image larger than the screen display area is generated, it is displayed in a reduced size.

Description

Size

The maximum size that can be specified is 4096 x 4096 or less.

Background pattern

Patterns can be displayed on the background.
If you check the "Randomize" checkbox, a different pattern will be displayed each time you run it, so please try several times until you get the pattern you like.

Example

Polka dotTriangleV stripeH stripeV & H stripeL diagonalR diagonalL & R diagonal

Background image

You can use any image you have, or you can use a stock image.
The maximum file size is 5M bytes.
Supported formats are PNG, WebP, JPEG, GIF, and BMP.
If animated PNG (APNG) or animated GIF is used, the first frame is used.
Animated WebP is not supported.

Example

Cat 1Cat 2Cat 3Cat 4Cat 5Cat 6Cat 7Cat 8FlowerSakuraForestSnowTownNightNoodlePot

Background image fit

You can specify how the background image is applied.

ExampleDescription
CoverThe image will be scaled to cover the entire specified size.The aspect ratio is maintained.
If the aspect ratio of the image does not match the aspect ratio of the specified size, the overflowing part of the image will be clipped.
ContainThe image will be scaled to fit in the specified size.The aspect ratio is maintained.
If the aspect ratio of the image does not match the aspect ratio of the specified size, margins will be displayed in the missing area.
NoneThe image is not scaled.The image will be applied at its original size.
If the image size is larger than the specified size, the overflowing part of the image will be clipped.
If the image size is smaller than the specified size, margins will be displayed in the missing area.

Background filter

You can apply a special effect filter to the background.
The special effect is applied only to the background, not to the border or text.

Example

GrayscaleSepiaNegateEmbossPencilColored pencilBlurPixelate

Background Transparent

You can apply a transparency effect to the background.
The transparency effect is applied only to the background, not to the border or text.
Supported formats are PNG, WebP, and SVG.

Text font

Various free fonts are used.

Show font list

Text size

TypeDescription
AutoThe recommended size calculated from the width and height of the image is used.
If the text does not fit entirely within the image, it will be automatically shrunk to fit.
FixThe specified text size is used.
If the text does not fit entirely within the image, the specified text size will still be used.

The recommended size is calculated to be larger for larger images and smaller for smaller images.

Text

Numeric character reference can be included.
You can use decimal format (e.g., ♪ → ♪) or hexadecimal format (e.g., ♪ → ♪).
If a character not supported by the font is used in the text, it will be replaced by a white rectangle or similar.

Keyword

The following keywords can be used in the text.
When using a keyword, the keyword parts are automatically converted to their corresponding values.
You can prevent the actual output image and the text in the image from being different.

KeywordDescriptionExample
{type}It is converted to the "Type" value (image format).{type} → PNG
{width}It is converted to the width value in the "Size" (image width).{width} → 480
{height}It is converted to the height value in the "Size" (image height).{height} → 320
{aspect}It is converted to the aspect ratio calculated from the width and height of the image.{aspect} → 3:2
{aspect_1}It is converted to the aspect ratio calculated from the width and height of the image (the smaller value is set to 1).{aspect_1} → 1.5:1

Text effect

You can apply effect to the text.

項目説明
NoneDo nothing.
Drop shadowDrop shadow on the text.
FillFill the text area.

Related sites

Related tools

Feedback

If you have any requests, please feel free to contact us. If you find any problems or bugs, it would be helpful if you could contact us.

Support

Support my coffee and server costs here.