FREE DEVELOPER TOOL

Placeholder Image Generator

Create a fast, customizable placeholder image from a URL. Set the size, colors, text, and styles, then copy the result into your project.

https://sampleimg.com/800x450?text=Hello

BUILD FROM A URLURLから画像を作成

Interactive Image Builderインタラクティブ画像ビルダー

Tune the image, preview the real API response, then copy the snippet you need.画像を調整し、実際のAPIレスポンスを確認して、必要なコードをコピーできます。

API docsAPI仕様

Canvasキャンバス

Width幅Height高さ

Quick sizesよく使うサイズ

Background背景Background type背景タイプ

Background color背景色#dbeafe

TextテキストText表示文字

Text color文字色#ffffffFont size文字サイズ

Weight太さAlignment水平位置

Vertical position垂直位置

Border & overlay枠線・Overlay

Radius角丸Border width枠線幅

Border color枠線色#ffffffOverlay image URLOverlay画像URLOverlay opacityOverlay透明度 100%

Output format出力形式JPEG/WebP are accepted by the API but currently return PNG.JPEG/WebPはAPIで受け付けますが、現在はPNGを返します。

LIVE PREVIEWライブプレビューReady

Use this imageこの画像を使う

Copy and pasteコピーして利用

Image URL

HTML

Markdown

CSS

React / Next.js

USE CASE

Built for prototypes

Use placeholders while a product page, dashboard, landing page, or prototype is still being built. The API response is the same image your users will request.

No account, API key, database, or client-side image renderer is required. Use the generated URL anywhere an image URL is accepted.

DOCUMENTATION

Simple URLs, predictable output

Change a query parameter, refresh the preview, and reuse the URL in HTML, Markdown, CSS, or React.

Read the concise API guide

FAQ

Frequently asked questions

Do I need an API key?

No. Placeholder images are public URL endpoints and do not require an account or API key.

What is the maximum image size?

Each side can be up to 4096 pixels and the total area is limited to 4,194,304 pixels.