Create PNG placeholders with size, color, and text.
Your input stays in this browser.
Starting points for your own code. Run them in the environment shown below.
Browser · DevTools console
Current inputs apply only to fields used by the example. Selected files are not embedded.
Install dependencies
const canvas = document.createElement("canvas");
canvas.width = 640;
canvas.height = 360;
const context = canvas.getContext("2d");
context.fillStyle = "#18201b";
context.fillRect(0, 0, canvas.width, canvas.height);
context.fillStyle = "#b6ebbd";
context.font = "32px sans-serif";
context.textAlign = "center";
context.textBaseline = "middle";
context.fillText("640 × 360", canvas.width / 2, canvas.height / 2);
document.body.append(canvas);
console.log(canvas.toDataURL("image/png"));Create PNG placeholders with size, color, and text.
Generated locally in your browser and downloaded as PNG.
Text 1 MB
Split inputs that exceed the limit. If a format or algorithm is unsupported, choose a tool that matches your requirements instead of silently changing the format.