プレースホルダー画像生成
任意サイズのプレースホルダー画像を SVG・PNG・JPG で生成。色とラベルを指定して即時プレビュー、ファイルのダウンロードも SVG のコピーも可能。
すべてローカルで生成されます。SVG はそのまま貼り付けられる純粋なマークアップで、PNG/JPG はブラウザのキャンバスで描画されます。
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1幅と高さをピクセルで入力します。
- 2背景色と文字色、任意のラベルを設定します(既定はサイズ表記)。
- 3SVG・PNG・JPG でダウンロードするか、SVG マークアップをコピーして好きな場所に貼り付けます。
プレースホルダー画像生成
モックアップやワイヤーフレームでは、実素材が揃う前に画像ボックスが必要です。幅と高さを入力してください。ヒーローは 1200×630、アバターは 256×256、1×1 から 5000×5000 まで任意のサイズに対応します。背景色と文字色を選び、必要ならラベルを付けると、入力に合わせてリアルタイムに描画されます。
結果は SVG・PNG・JPG でダウンロードできるほか、SVG のマークアップをそのままコピーすることもできます。base64 の塊ではなく数行の読める要素なので、HTML・JSX・Figma に貼り付けて文字や色を手で直せます。生成はすべてブラウザ内で行われ、アップロードは一切ありません。
よくある質問
PNG や JPG ではなく SVG を使うべき場面は?
SVG はテキストなので、軽量・無限に拡大可能・手で編集でき、モックアップやドキュメント、インライン SVG を壊さないレイアウトに最適です。CMS やチャットなどインライン SVG を壊すプラットフォームには PNG が無難で、写真風のプレースホルダーにはファイルサイズの小さい JPG が向きます。プレビューは 3 形式とも同じです。
サイズと色の制限は?
幅と高さは 1〜5000 ピクセルの整数、色は #RRGGBB または短縮形 #RGB の 16 進表記です。それ以外の入力は壊れた画像を黙って生成するのではなく、ヒント付きで拒否されます。
データはサーバーに送られますか?
いいえ。SVG はブラウザ内の文字列テンプレートから組み立てられ、ラスター版はローカルのキャンバスで描画されます。ページの外に出るデータはなく、オフラインで動作し、未公開デザインにも安全です。
関連ツール
QR コード生成
テキストや URL を鮮明な QR コードに。サイズ・色・誤り訂正レベルを調整でき、PNG と SVG でダウンロードできます。
すべてのツール →
Base64 画像変換
画像と base64 data URL を双方向に変換 — プレビュー・検証・ダウンロードに加え、正確なサイズ比較付き。すべてブラウザ内で処理します。
すべてのツール →
カラーピッカー
スウォッチで選ぶか、EyeDropper API で画面から直接スポイト。hex・RGB・HSL をワンクリックでコピーします。
すべてのツール →
アスペクト比計算
16:9 などの比率と片方の寸法があれば、もう片方を即算出。1:1 から 21:9 までのプリセットで動画・デザインに即対応。
すべてのツール →
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/placeholder-image-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — placeholder-image-generator" loading="lazy"></iframe>