Dummy Image Generator

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

Type
Size
x x 0.5 x 2.0  ⇆ 
Background settings
Color
Pattern
Image
Fit
Rotate
Flip
Filter
Border settings NEW
Border
Color
Text settings
Font
  • Japanese
  • English
  • Chinese
  • Other
Color
Size
pt (Recommended size:32 pt)
V-align
H-align
Text
The following keywords can be used.
Effect

Result

Download as .png file
File size 9.54 KB (9,770 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

bg_pattern_polka_dot.webp bg_pattern_triangle.webp bg_pattern_v.webp bg_pattern_h.webp bg_pattern_hv.webp bg_pattern_l.webp bg_pattern_r.webp bg_pattern_lr.webp

Background image

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

Example

bg_type_cat1.webp bg_type_cat2.webp bg_type_cat3.webp bg_type_cat4.webp bg_type_sakura.webp bg_type_town.webp bg_type_night.webp bg_type_snow.webp

Background image fit

You can specify how the background image is applied.

Example Description
bg_fit_cover.webp The 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.
bg_fit_contain.webp The 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.
bg_fit_none.webp The 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 text.

Example

bg_filter_grayscale.webp bg_filter_sepia.webp bg_filter_negate.webp bg_filter_emboss.webp bg_filter_pencil.webp bg_filter_colored_pencil.webp bg_filter_blur.webp bg_filter_pixelate.webp

Text font

Various free fonts are used.

Show font list

Text size

Type Description
Auto The 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.
Fix The 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.

Keyword Description Example
{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.

Type Description
Drop shadow Drop shadow on the text.
Fill Fill the text area.
None Do nothing.

Related sites

News

  • 2024/12/08 NEW
    Added "Border settings" to the tool "Dummy Image Generator".
    You can display a border around the image.

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.

Give anonymous feedback
Give anonymous 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.

Please note that the administrator will not be able to reply to any information entered in this form. If you need a reply from the administrator, please use X (Former Twitter) or Contact.