Placeholder Image Generator (Sample Image Maker)

Generate a dummy sample image right in your browser by setting width, height, background color and text color, then download it as a PNG. No image is ever sent to a server.

Common sample image sizes

Size Typical use
300×200 Small banner or ad-slot placeholder
800×600 In-article image for blog posts, or a temporary wireframe image
1200×630 OGP image for Facebook and X (Twitter) share cards
1080×1080 Square post for Instagram and other social networks
1920×1080 Full HD hero image or slideshow background
640×360 16:9 video thumbnail or card-style UI thumbnail

Tips

  • The "1200×630 (OGP)" preset instantly gives you the standard size that displays without cropping on Facebook and X (Twitter) share cards.
  • Leaving the overlay text blank shows the "width×height" numbers automatically, so it's easy to tell sizes apart at a glance when comparing multiple wireframes.
  • Background and text colors can be picked with the color picker or typed as hex codes directly, so you can match the exact palette of your design mockup.
  • The generated image is only downloaded to your local device — it is never sent to or stored on this site's server.

Frequently Asked Questions

They are used as temporary "dummy images" in website or app design mockups and wireframes when the final photo or illustration is not ready yet. This lets you check layouts and write code without waiting for the real assets to be finished.

No, it is not. This tool draws and encodes the PNG entirely inside your browser using the element, so the image data is never uploaded anywhere. Pressing the download button saves it directly to your own device.

Major social networks such as Facebook and X (Twitter) recommend 1200×630px (an aspect ratio of about 1.91:1). Anything much smaller can look blurry, and a different aspect ratio may get cropped in an unexpected way when it is displayed.

This tool accepts values from 1px to 4000px. Browsers each impose their own implementation limits on the element, so it's best to avoid extremely large sizes such as tens of thousands of pixels per side.
ツールくん

Side Note — the culture of placeholder images

Web design has long had a culture of using placeholder images as stand-ins until the final photos or illustrations are ready. It follows the same idea as "lorem ipsum" dummy text used in the printing industry for unfinished copy, just applied to images instead.

A service called "Lorem Picsum," launched in 2014, became widely used as a placeholder image service that serves random real photographs. Because it returns a photo just by specifying width and height in the URL, it has been adopted in countless design mockups and tutorials. That said, relying on an external service is not always practical for offline work or sensitive projects.

This tool takes a different approach: it generates a solid-color image with a text label instantly, entirely inside the browser's , without depending on any external service. It won't look as realistic as a photograph, but it is more than enough for checking sizes and aspect ratios, or testing the layout of a social-share image — situations where you just need a correctly sized image right away.