Web ToolBox

ダミー画像ジェネレーター

指定サイズと色でプレースホルダー画像を生成

設定

サイズプリセット

カラー設定

プレビュー

ダミー画像ジェネレーターとは?

幅・高さ・背景色・テキスト色を指定して、プレースホルダー画像をブラウザで生成できるツールです。Web開発やデザイン制作で、実際の画像素材が揃う前にレイアウトを確認したいときに使えます。

PNG・JPEG・WebPの3形式に対応し、300×300pxから3840×2160px(4K)まで、幅1〜4000px・高さ1〜3000pxの範囲で自由にサイズを指定できます。生成した画像はダウンロードして、そのままモックアップやプロトタイプに配置可能です。

主な機能

📐 サイズプリセット

幅と高さを1px単位で指定できるほか、よく使う10種類のサイズをプリセットから選択できます。

  • 正方形: 300×300px
  • SNS用: 1200×630px(OGP画像)
  • HD: 1280×720px、1920×1080px
  • 2K: 2560×1440px
  • 4K: 3840×2160px

🎨 カラーとフォーマット

背景色とテキスト色をカラーピッカーで設定します。画像中央には「幅 × 高さ」が自動表示されるため、後から見てもサイズが分かります。

出力形式は用途に応じて選択できます。

  • PNG: 可逆圧縮、高品質(デフォルト)
  • JPEG: 非可逆圧縮、ファイルサイズ小
  • WebP: 高圧縮率、モダンブラウザ向け

📊 ノイズ調整でファイルサイズを増やす

詳細設定でノイズ量(0〜100%)を調整すると、見た目をほぼ変えずにファイルサイズを増やせます。アップロード機能のテストで「○○MB以上の画像」が必要なときや、大容量ファイルの動作確認に役立ちます。

⚡ リアルタイムプレビュー

設定を変更すると即座にプレビューが更新され、実際のファイルサイズも表示されます。

使い方

  1. プリセットボタンでサイズを選ぶか、幅・高さを直接入力
  2. 背景色とテキスト色を設定
  3. 必要に応じて出力形式を変更(PNG/JPEG/WebP)
  4. プレビューで確認後、ダウンロードボタンをクリック

ファイルサイズを増やしたい場合は「詳細設定」からノイズ量を調整します。

活用シーン

Webサイト開発
ワイヤーフレームやプロトタイプに配置する仮画像として使えます。実際の画像が決まる前にレイアウトやレスポンシブ対応を確認できます。

デザインモックアップ
クライアント向けの提案資料を作る際、適切なサイズのプレースホルダーをすぐ用意できます。

アップロード機能のテスト
任意のサイズ・容量の画像を生成して、ファイルサイズ制限や画像処理機能のテストに使えます。

UIコンポーネントの検証
画像表示エリアやサムネイル表示の動作確認に、様々なアスペクト比の画像を試せます。

よくある質問

Q. 生成した画像に著作権はありますか?
A. 単色背景にサイズテキストを配置しただけの画像なので、自由に利用できます。

Q. 4K(3840×2160px)より大きいサイズは作れますか?
A. 現在は幅4000px、高さ3000pxまでです。より大きなサイズが必要な場合はフィードバックをお寄せください。

Q. ノイズを追加すると画質は劣化しますか?
A. 人間の目にはほぼ分からない程度のランダムノイズを加えるため、画質への影響は最小限です。ファイルサイズのみが増加します。

Q. PNG、JPEG、WebPの使い分けは?
A. PNG(可逆圧縮・高品質)、JPEG(ファイルサイズ重視)、WebP(高圧縮率・モダンブラウザ向け)から用途に応じて選択します。迷ったらPNGが無難です。