プレースホルダー画像
指定サイズのプレースホルダー画像を PNG / JPEG / SVG で生成できます。Data URI と img タグも同時に出力できるため、デザインモックや検証用に便利です。
生成設定
出力
プレビュー
サイズ
-
形式
PNG
容量
-
Data URI 長
-
このツールについて
プレースホルダー画像ツールは、レイアウト確認、記事一覧の仮サムネイル、API 未接続時の見た目調整などに使うダミー画像を即座に作るためのページです。幅、高さ、背景色、文字色、テキストを変えるだけで必要なサイズの画像を生成できます。
PNG、JPEG、SVG の 3 形式に対応しているため、デモ用の raster 画像だけでなく、軽量なベクターのプレースホルダーも作れます。Data URI と img タグも同時に出力するので、単一 HTML のモックへ直接貼り付ける用途にも向いています。
生成処理はブラウザ内で完結し、画像や入力値を外部へ送信しません。プリセットサイズを起点にしながら、必要な解像度へ微調整して使えます。
使い方
- まず「幅」を入力または選択し、「高さ」や「テキスト」も目的に合わせて調整します。
- 次に「生成」を実行して、「出力」を更新します。
- 最後に表示された「出力」を確認し、必要であれば「ダウンロード」で再利用します。
画像系の処理はプレビューを見ながら設定を少しずつ変えると仕上がりを把握しやすくなります。ファイルもブラウザ内だけで処理されるため、アップロードなしで確認できます。
プレースホルダー画像とは？
指定サイズのプレースホルダー画像を PNG / JPEG / SVG で生成できます。Data URI と img タグも同時に出力できるため、デザインモックや検証用に便利です。 プレースホルダー画像ツールは、レイアウト確認、記事一覧の仮サムネイル、API 未接続時の見た目調整などに使うダミー画像を即座に作るためのページです。幅、高さ、背景色、文字色、テキストを変えるだけで必要なサイズの画像を生成できます。 PNG、JPEG、SVG の 3 形式に対応しているため、デモ用の raster 画像だけでなく、軽量なベクターのプレースホルダーも作れます。Data URI と img タグも同時に出力するので、単一 HTML のモックへ直接貼り付ける用途にも向いています。 生成処理はブラウザ内で完結し、画像や入力値を外部へ送信しません。プリセットサイズを起点にしながら、必要な解像度へ微調整して使えます。
よくある質問
Q: このツールは無料ですか？
はい、完全無料で登録不要です。すべての処理はブラウザ内で行われ、データが外部に送信されることはありません。
Q: 「幅」と「高さ」はどう使い分けますか？
基本は「幅」から設定し、必要に応じて「高さ」や「テキスト」で細かく調整します。「生成」を実行すると「出力」へ反映されるので、条件差を見比べながら調整できます。
Q: 「出力」はそのまま再利用できますか？
はい。表示された「出力」は「ダウンロード」で持ち出しやすく、資料作成や別の実装作業へそのままつなげられます。条件を変えて複数パターンを作り、比較しながら使う運用にも向いています。
Q: スマートフォンでも使えますか？
はい、レスポンシブデザインに対応しており、スマートフォン・タブレットでもご利用いただけます。