Generate custom placeholder images instantly. Set width, height, background color, text color, custom text, font size, and corner radius. Preview live on canvas, download as PNG, or copy the data URI. Includes social media size presets.
Enter width and height in pixels. Pick a background color and text color using the color pickers. Use social media presets for instant sizing: Instagram post (1080×1080), Twitter header (1500×500), YouTube thumbnail (1280×720), and more.
Enter custom text (defaults to WxH format like "800×600"), adjust font size, and set corner radius for rounded cards. The canvas updates in real-time as you type.
Click Download PNG to save the placeholder image. Or click Copy Data URI to copy the full base64-encoded data URI for embedding directly in HTML/CSS without a file.
Placeholder images are used in web and app development as temporary stand-ins while real content is loading or not yet available. They help visualise layouts, test responsive designs, and maintain page structure without requiring actual images. Common uses include wireframing, CMS demos, and e-commerce mock-ups.
Yes — generated images are clean canvas-rendered PNGs with no watermarks. However, placeholder images are typically replaced with real content before production. If you need permanent placeholder images for a live site, consider a dedicated placeholder service like placeholder.com or via.placeholder.com which generates images dynamically via URL.
This tool generates images using the browser Canvas API, which handles sizes up to about 16,384×16,384px on most browsers. For print-quality images (300 DPI), you would need much larger canvas sizes. For web use, anything under 4000px on any side is handled reliably.
Instagram post: 1080×1080px (square), 1080×1350px (portrait), 1080×566px (landscape). Instagram Story/Reel: 1080×1920px. Facebook post: 1200×630px. Twitter/X post: 1200×675px, header: 1500×500px. LinkedIn post: 1200×627px. YouTube thumbnail: 1280×720px. LinkedIn banner: 1128×191px.
This tool generates solid-color placeholders with text. For placeholders with logos or icons, use the Photo Collage Maker tool to composite images, or use a full image editor like Photopea. Placeholder.com also supports custom text via URL parameters.
A data URI encodes the image directly as a base64 string, allowing it to be used as an img src or CSS background-image without a file. Small placeholders under 5KB benefit from data URIs (no HTTP request). Larger images should be served as separate files for better caching and performance.
