← Hashito System Home 日本語 Tools Blog
Generate

How it works

Size and format

Width and height accept 1 to 4000 pixels. You can save as PNG (lossless, solid background), JPEG (quality fixed at 0.92, useful as a photo stand-in) or WebP. Browsers without WebP support may fall back to PNG.

The centred label

Leave the text field empty and the tool draws the size itself (for example 600 x 400). When you are checking a layout it helps to see which box is how many pixels, so that is the default. Type anything and it is drawn instead. The font size is derived from the shorter side divided by eight and shrunk to fit 90 percent of the width.

Diagonals and data URLs

Enabling the diagonals draws a border plus two crossing lines, which makes it obvious whether CSS object-fit or a background image is stretching your placeholder. The copy button gives you a data: string you can paste straight into HTML or CSS. Note that large images produce very long data URLs.

Frequently asked questions

Is the generated image uploaded anywhere?

No. Drawing and saving happen entirely in your browser using Canvas. Neither your settings nor the generated image are sent to or stored on a server.

Can I use these images in commercial projects?

Yes. The output is just text drawn on a solid background and contains no third-party copyrighted material, so you can use it in mockups, demos and test data as is.

How is this different from a placeholder image service?

Services that return an image from a URL break your whole mockup if that domain goes down. This tool saves a real file to your machine, so it does not depend on an external service and works offline.