Set width, height and colours to create a mockup placeholder image and save it as PNG, JPEG or WebP
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.
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.
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.
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.
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.
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.