ダミー画像ジェネレーター — 任意のサイズのプレースホルダー画像
好きな色とラベルで任意のサイズのダミー画像を作り、PNG、JPG、WebP、SVG でダウンロード。SNS、広告、ヒーローバナー用のプリセット付き。
データ URL は <img src> や CSS の背景にそのまま貼り付けられるので、外部リクエストなしでモックアップを作れます。
1200 × 630 px · 1.90:1
画像はブラウザ内で描画され、何もアップロードされません。 すべての無料ツールを見る.
不具合や改善できそうな点を見つけましたか？いただいたメッセージはすべて読み、すぐに対応します。
この無料のダミー画像ジェネレーターは、モックアップ、ワイヤーフレーム、レイアウトのテスト用のダミー画像を作成します。サイズかプリセット（1200 × 630 の共有画像、Instagram の正方形、ヒーローバナー、リーダーボード広告）を選び、色を決めてラベルを加え、PNG、JPG、WebP、SVG でダウンロードします。画像にはサイズが表示されるので、モックアップを見た人は誰でも、そこに何が入るのかがわかります。
URL を発行するプレースホルダーサービスは便利ですが、サービスが遅くなったり、利用制限がかかったり、なくなったりすると、去年クライアントに送った資料が画像切れだらけになります。生成したファイルなら、そうした失敗は起きません。テストにも最適なツールです。正確なサイズのダミー画像をそろえておけば、300 × 250 で崩れるレイアウトを、本物の広告より先に見つけられます。
使い方
- プリセットをクリックするか、幅と高さをピクセルで入力します。
- 背景色と文字色を設定します。明るいグレーに中間のグレーならダミーらしく見え、ブランドカラーにすれば本物らしいモックになります。
- 「ヒーロー画像」や「商品写真」などのラベルを加え、サイズがひと目でわかるようにサイズ表示はそのままにしておきます。
- 一般的な用途には PNG、写真の枠には JPG、Web には WebP、拡大縮小が必要なら SVG を選びます。
- ダウンロードするか、SVG コードやデータ URL をコピーして HTML や CSS に直接貼り付けます。
よくある質問
プレースホルダー画像（ダミー画像）とは何ですか？
デザイン、プロトタイプ、テストで最終的な画像の代わりに一時的に使う画像で、たいていはサイズが書かれた単色のブロックです。スペースを確保し、アスペクト比を示し、本物の素材がまだであることをはっきりさせます。
プレースホルダーの URL ではなくファイルを生成するのはなぜですか？
URL は、サードパーティのサービスがずっと稼働していて、速く、無料であることに依存します。ファイルはそうではありません。生成したファイルはオフラインでも、メールのモックアップでも、PDF でも、リモートの画像を取得できないどんなツールでも使え、作業中の内容がサービスのログに漏れることもありません。
どの形式を選べばよいですか？
迷ったら PNG です。写真が入る枠で、モックのファイルサイズを現実に近づけたいなら JPG。Web のモックアップには WebP。プレースホルダーを画質を落とさずに拡大縮小したいときや、テンプレートのラベルを変えるなどコードを編集したいときは SVG です。
これらの画像を公開中のサイトで使ってもよいですか？
使えますが、長く使うべきではありません。ダミー画像が公開されたままだと、訪問者と検索エンジンにページが未完成だと伝わってしまいます。ステージング環境やデザインで使い、公開前に本物の画像に差し替えましょう。
2026 年の SNS にはどんなサイズが必要ですか？
リンクの共有画像（Open Graph）：1200 × 630。Instagram フィード：1080 × 1080 または 1080 × 1350。ストーリーズとリール：1080 × 1920。LinkedIn と X のフィード画像：1200 × 627 でどちらにも使えます。YouTube のサムネイル：1280 × 720。プリセットでこれらをカバーしています。
テストツールとしてのダミー画像
枠ごとに想定どおりの正確なサイズでダミー画像を 1 枚ずつ作り、まとめてテンプレートに入れてみましょう。引き伸ばされたり、切り取られたり、はみ出したりする箇所は、本物の写真が届く前に見つけたレイアウトのバグです。次に、同じ枠に間違った比率（横長の画像が入るはずの場所に正方形）の画像を作り、コンテンツ編集者が必ずアップロードしてくるものにレイアウトがどう対応するかを確認しましょう。
関連する無料ツール
- Lorem Ipsum ジェネレーター — lorem ipsum や読める英語のダミーテキストを、段落・文・単語の単位で生成。プレーンテキスト、HTML、Markdown で出力できます。
- 画像リサイズ — パーセント、正確なピクセル寸法、500 KB のような目標ファイルサイズで画像を縮小。すべてブラウザ内で処理します。
- SVG エディター — キャンバスに図形、矢印、フリーハンドの線、テキストを描き、きれいな SVG や PNG をダウンロード。無料、ブラウザで動作、登録不要です。