Placeholder Image
Placeholder Image — ブラウザで動作します。入力は保存されません。
プレースホルダー画像
値を入力してから「計算する」を押してください。
使い方
- 幅・高さをピクセルで決めます。初期 640×360、一辺 16–4000 です。
- 背景 HEXと文字 HEXで単色とテキスト色を選びます。
- テキスト欄に中央に入れる文面を書きます。初期は 640 × 360 です。
- 生成を押すとキャンバスが更新され、PNG ダウンロードで保存します。
- ワイヤーフレーム・モックの枠に向いています。透明背景・ロゴ画像は上げません。
ポイント
プレースホルダー画像はレイアウトを決めるとき偽写真の代わりになる単色 PNG です。キャンバスに四角を塗り、システム sans-serif で中央テキストを描きます。OG 画像やファビコン専用ツールと違い、サイズと文字だけが単純です。ワイヤー・モック・ブログヘッダー枠向けです。実写真の準備ができたら同じ比率で差し替えてください。透明背景が必要なら別エディタを使ってください。
サーバーに保存せずローカルだけで描きます。フォントファイルは選べず透明背景もありません。最大一辺 4000px です。ロゴ合成・ウェブフォントはなくシステム sans-serif だけです。一辺は 16–4000 ピクセルです。
例
幅 1200、高さ 630、背景 #e5e7eb、文字 #374151、テキスト Hero 1200x630 で生成するとブログヘッダー枠に入れる灰色ボックスが出ます。PNG ダウンロード後に HTML img src でつなぎます。4000 を超える値は制限されます。800×400、背景 #dbeafe、文字 #1e3a8a、テキスト「カード画像」なら青いボックス PNG を受け取れます。1080×1080 正方形、テキスト Instagram に合わせると SNS モック枠を埋められます。
よくある質問
プレースホルダーの透明背景 PNG を作れますか？
単色のみです。市松の透明背景は作りません。
中央のフォントを変えられますか？
システム sans-serif です。ウェブフォント選択はなく、フォントファイルも上げられません。
プレースホルダーの最大サイズは？
一辺 4000px までです。最小は 16px。4000 を超える値は制限されます。
ロゴ画像を上げて合成できますか？
テキストだけ描きます。ロゴ合成は OG 画像ツールなど別ツールを検討してください。
生成した PNG はサーバーに保存されますか？
ありません。ブラウザのキャンバスだけで描きます。
テキストを空にするとどうなりますか？
空の単色四角だけ出ます。サイズ案内が必要なら初期文面を使ってください。
最終確認日: 2026-09-04