--- title: "ダミー画像ジェネレーター - 指定サイズのダミー画像を作成" description: 指定したサイズや色のダミー画像を生成できるツールです。プレースホルダー画像を作成して、モックアップやレイアウト確認に活用できます。 canonical_url: "https://web-toolbox.dev/tools/dummy-image-generator" meta: author: K "og:description": 指定したサイズや色のダミー画像を生成できるツールです。プレースホルダー画像を作成して、モックアップやレイアウト確認に活用できます。 "og:image": "https://web-toolbox.dev/og/ja/tools/dummy-image-generator-d568e6da.png" "og:image:alt": ダミー画像ジェネレーター "og:image:height": "630" "og:image:width": "1200" "og:title": "ダミー画像ジェネレーター - 指定サイズのダミー画像を作成" --- > Index of every page on this site: [llms.txt](https://web-toolbox.dev/llms.txt) # **ダミー画像ジェネレーター** 指定サイズと色でダミー画像を生成 ## **設定** ### **サイズプリセット** **幅 (px)** **高さ (px)** ### **カラー設定** **背景色** **テキスト色** **フォーマット** ファイルサイズ制限のテストや、大容量ファイルの動作検証が必要な場合に便利です。 ノイズ量 % 値を増やすとファイル容量が大きくなります ## **プレビュー** 生成中... ## ダミー画像ジェネレーターとは？ 指定した幅・高さ・色でダミー画像を生成し、そのままダウンロードできるツールです。プレースホルダー画像をすぐに用意したいときや、画像アップロード機能のテスト用ファイルを作りたいときに使えます。 PNG、JPEG、WebP に対応しており、サイズプリセットのほか、幅 1〜4000px、高さ 1〜3000px の範囲で自由に指定できます。 ## 使い方 1. サイズプリセットを選ぶか、幅と高さを直接入力します。 2. 背景色とテキスト色を設定します。 3. 出力形式を PNG / JPEG / WebP から選びます。 4. 必要なら詳細設定でノイズ量を調整します。 5. プレビューを確認してダウンロードします。 設定を変えると画像が自動で再生成されるため、サイズや色の違いをすぐ確認できます。 ## 主な設定項目 ### サイズ よく使うプリセットを選ぶ方法と、数値を直接入力する方法の両方に対応しています。SNS用の `**1200 × 630**` や HD / 4K サイズもすぐに試せます。 ### 背景色 / テキスト色 単色の背景と中央のサイズ表記の色を調整できます。レイアウト上で見分けやすい色にしたいときに便利です。 ### フォーマット PNG、JPEG、WebP から出力形式を選べます。レイアウト確認だけなら PNG、容量を軽くしたいテストには JPEG や WebP も試しやすくなっています。 ### ノイズ量 詳細設定でノイズを加えると、見た目を大きく変えずにファイルサイズを増やせます。アップロード上限や大きめの画像処理テストをしたいときに役立ちます。 ## 入出力例 たとえば、幅 `**800**`、高さ `**600**`、背景色 `**#c0cfee**`、テキスト色 `**#333333**`、形式 `**PNG**` を指定すると、`**800 × 600**` と表示されたダミー画像が生成されます。 ダウンロード時のファイル名は次のような形になります。 ```text dummy-800x600-20260329-123456.png ``` 実際のファイルサイズは、形式やノイズ量に応じてプレビュー下に表示されます。 ## 活用シーン - ワイヤーフレームやモックアップ用の仮画像を作りたいとき - OGP サイズやサムネイルサイズの空画像をすぐに用意したいとき - 画像アップロード機能の容量制限をテストしたいとき - 画像表示コンポーネントで複数サイズの見え方を確認したいとき ## 使うときの注意点 - このツールはシンプルなプレースホルダー生成用で、写真のような内容は含まれません - ノイズ量を増やすとファイルサイズは大きくなりますが、用途によっては不要に重いテスト画像になります - 出力サイズが大きいほど生成に少し時間がかかることがあります **使ってみてどうでしたか？** 最終更新: 2025年11月26日 ### **関連ツール** - [

**角丸画像ジェネレーター**

](https://web-toolbox.dev/tools/rounded-corner-image-generator) - [

**SVGブロブジェネレーター**

](https://web-toolbox.dev/tools/svg-blob-generator) - [

**画像Base64デコード**

](https://web-toolbox.dev/tools/base64-decode-image) - [

**画像リサイズ**

](https://web-toolbox.dev/tools/image-resizer) - [

**JPG変換**

](https://web-toolbox.dev/tools/jpg-converter) - [

**ピクセルアート変換**

](https://web-toolbox.dev/tools/pixelart-converter) - [

**PNG変換**

](https://web-toolbox.dev/tools/png-converter) - [

**QRコードジェネレーター**

](https://web-toolbox.dev/tools/qrcode-generator) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://web-toolbox.dev/#website","@type":"WebSite","description":"アカウント登録不要で使える無料Web開発ツール80種類以上。JSON整形、Base64変換、カラーコード変換、QRコード生成などをブラウザ上で瞬時に実行。開発者の作業効率を大幅に向上させます。","inLanguage":"ja-JP","name":"Web ToolBox","url":"https://web-toolbox.dev/","workTranslation":{"@id":"https://web-toolbox.dev/en#website"}},{"@id":"https://web-toolbox.dev/tools/dummy-image-generator#webpage","@type":"WebPage","description":"指定したサイズや色のダミー画像を生成できるツールです。プレースホルダー画像を作成して、モックアップやレイアウト確認に活用できます。","name":"ダミー画像ジェネレーター - 指定サイズのダミー画像を作成","url":"https://web-toolbox.dev/tools/dummy-image-generator","breadcrumb":{"@id":"https://web-toolbox.dev/tools/dummy-image-generator#breadcrumb"},"isPartOf":{"@id":"https://web-toolbox.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://web-toolbox.dev/tools/dummy-image-generator"]}]},{"@id":"https://web-toolbox.dev/tools/dummy-image-generator#/schema/web-application/1","@type":"WebApplication","applicationCategory":"UtilityApplication","description":"指定したサイズや色のダミー画像を生成できるツールです。プレースホルダー画像を作成して、モックアップやレイアウト確認に活用できます。","name":"ダミー画像ジェネレーター - 指定サイズのダミー画像を作成","operatingSystem":"Windows, macOS, Linux, Android, iOS"},{"@id":"https://web-toolbox.dev/tools/dummy-image-generator#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"ホーム","item":"https://web-toolbox.dev/","position":1},{"@type":"ListItem","name":"画像","item":"https://web-toolbox.dev/categories/image","position":2},{"@type":"ListItem","name":"ダミー画像ジェネレーター","item":"https://web-toolbox.dev/tools/dummy-image-generator","position":3}]}]} ``` ## Sitemap See the full [sitemap](https://web-toolbox.dev/sitemap.md) for all pages.