フロントエンドの試作
アバター、バナー、カード画像、レスポンシブの各ブレークポイント用に固定サイズの素材を用意し、外部の画像ドメインに依存せずに済みます。
Guide
プレースホルダー画像生成は、Webページ・アプリのプロトタイプ・テストデータ用に、指定したサイズの単色画像をすばやく用意するツールです。1枚モードでは幅と高さを直接入力するか、アバター、バナー、16:9、4:3、スマホ、広告といったプリセットを選べます。一括モードでは1行に1サイズを書いてまとめて生成します。背景色・文字色・中央の文字を指定でき、文字を空にすると「幅 × 高さ」が自動で入ります。出力はPNG、JPEG、SVGに対応します。
更新日 2026-09-102 min read
800x600、1280×720、200,200)。| 入力 | 出力 | 説明 |
|---|---|---|
| 800×600、文字は空、PNG | プレースホルダー_800x600.png |
中央にサイズが自動で入る |
| 異なる3サイズの3行、SVG | ZIP内にSVGが3点 | 各ファイルがそれぞれの幅と高さを使う |
x、×、*、カンマ(半角・全角)、コロン、空白が使えます。解析できなかった行はメッセージとして一覧に出し、処理からは除外します。<rect> と <text> を持つテキストとして直接書き出します。アバター、バナー、カード画像、レスポンシブの各ブレークポイント用に固定サイズの素材を用意し、外部の画像ドメインに依存せずに済みます。
よく使うサイズを何行か入力して、PNG/JPEG/SVGの一式をZIPで受け取ります。
コード側に件数の上限は設けていません。実際に作れる数はブラウザのメモリ、キャンバスの寸法、ZIP圧縮の所要時間で決まるため、大量に作るときは分割して実行してください。
Canvasモードでは、文字幅がキャンバスの約86%を超えなくなるか、文字サイズが下限に近づくまで、最大20回まで縮小を試します。
サイズ、色、文字、そして生成される画像はすべてブラウザ内で作られます。パラメータや生成画像が外部サービスへ送信されることはありません。
更新日 2026-09-10
サイズ・色・文字を指定したダミー画像を作成。PNG/JPEG/SVG に対応し、一括パッケージも可能
このツールの翻訳は未完了です。一部は原文または代替言語で表示されます。
800 × 600 · PNG