Skip to content
PPureDevKit

Tools/Placeholder

Placeholder

PNG/JPEG/WebP placeholders at any size, in-browser.

Loading tool…

How to use Placeholder

  1. 1. Set width and height. Capped at 2000px.
  2. 2. Pick colors and label. Hex color inputs.
  3. 3. Generate. Canvas.encode via toBlob.
  4. 4. Download. Nothing is uploaded.

About this tool

Need a 1280×720 hero while design is elsewhere? Draw it here. No picsum, no network.

Formats

PNG is lossless. JPEG/WebP quality 0.92. Safari must support the type.

Text

Centered sans-serif. Long labels clip.

Code examples

size

640×360

Frequently asked questions

Related tools

QR code

Create a QR from text and decode one from an image.

Color / contrast

HEX, RGB, HSL, and WCAG contrast ratios in the browser.

Dummy files

Build a file of N bytes in memory and download it.

All tools