tooloo

さくっと使える便利ツール集

画像系

ダミー画像生成

指定したサイズのダミー画像を生成

X LINE

指定したサイズのダミー画像を生成できるツールです。幅・高さ、背景色・テキスト色を指定して、開発やデザインのモックアップに使用できます。また、URLから直接画像を生成することも可能です(例: https://tooloo.net/api/dummy-image/100x100.png)。

サイズ設定

色・テキスト設定

設定を入力して「ダミー画像を生成」ボタンをクリックしてください

使い方

指定したサイズのダミー画像を生成できる無料ツールです。幅・高さ、背景色・テキスト色を指定して、開発やデザインのモックアップに使用できる画像を生成できます。すべての処理はブラウザ内で完結します。

1. サイズを指定

「幅」と「高さ」の入力欄に、生成したい画像のサイズをピクセル単位で入力します。「よく使うサイズ」セクションから、よく使われるサイズを選択することもできます。

2. 色を設定(オプション)

「背景色」と「テキスト色」をカラーピッカーまたはカラーコードで指定できます。デフォルトは背景色が#cccccc、テキスト色が#666666です。

3. テキストを設定(オプション)

「サイズテキストを表示」にチェックを入れると、画像の中央にサイズ(例: 800×600)が表示されます。「カスタムテキスト」欄に入力すると、そのテキストが表示されます。

4. 画像を生成

「ダミー画像を生成」ボタンをクリックすると、指定した設定でダミー画像が生成され、プレビューが表示されます。

5. 画像をダウンロード

生成された画像の下にある「画像をダウンロード」ボタンをクリックすると、画像がダウンロードされます。「画像をクリップボードにコピー」ボタンで、クリップボードにコピーすることもできます。

6. URLから直接生成(オプション)

URLパラメータを使用して、画像を直接生成することもできます。例: https://tooloo.net/api/dummy-image/100x100.png

URLパラメータの使い方

基本的な使い方: https://tooloo.net/api/dummy-image/幅x高さ.png の形式でアクセスすると、そのサイズのダミー画像が生成されます。

背景色の指定: ?bg=ff0000 で背景色を指定できます(カラーコード形式、#は不要)。例: https://tooloo.net/api/dummy-image/100x100.png?bg=ff0000

テキスト色の指定: ?color=ffffff でテキスト色を指定できます(カラーコード形式、#は不要)。例: https://tooloo.net/api/dummy-image/100x100.png?color=ffffff

カスタムテキスト: ?text=Hello でカスタムテキストを指定できます。指定しない場合は、サイズ(例: 100×100)が表示されます。例: https://tooloo.net/api/dummy-image/100x100.png?text=Hello

こんなシーンで使える

  • Web開発 - レイアウトの確認やモックアップ作成時に、プレースホルダー画像が必要な時
  • デザイン制作 - デザインのモックアップやワイヤーフレームを作成する際に、ダミー画像が必要な時
  • レスポンシブデザイン - 様々な画面サイズでの表示確認に使用
  • プレゼンテーション - プレゼン資料で画像の配置を確認したい時
  • テスト用画像 - アプリケーションやWebサイトのテスト時に、特定のサイズの画像が必要な時
  • 画像サイズ確認 - 特定のサイズの画像がどのように表示されるか確認したい時
  • CSS開発 - CSSの背景画像やサイズ指定のテストに使用

FAQ

Q: 生成できる画像の最大サイズは?

A: 幅・高さともに10000pxまで生成できます。それ以上のサイズは、ブラウザのメモリ制限により処理できない場合があります。

Q: URLから生成した画像はキャッシュされますか?

A: はい、URLから生成した画像はブラウザにキャッシュされます。同じURLに再度アクセスすると、キャッシュされた画像が表示されます。

Q: 生成された画像の形式は?

A: PNG形式で生成されます。透過情報は含まれません。

使い方

指定したサイズのダミー画像を生成

こんなシーンで使える

ダミー画像生成は、様々なシーンで活用できる無料ツールです。指定したサイズのダミー画像を生成を簡単に行えます。

  • 日常業務 - 業務効率化や作業の簡略化に活用
  • 学習・教育 - 学習や教育の場で便利に使用
  • Web制作 - Webサイトやアプリケーションの開発に活用
  • データ処理 - データの変換や処理に便利

FAQ

Q: このツールは無料ですか?

A: はい、完全無料でご利用いただけます。登録やログインは不要です。

Q: データはサーバーに送信されますか?

A: いいえ、すべての処理はブラウザ内で完結するため、データがサーバーに送信されることはありません。プライバシーは保護されます。

Q: どのブラウザで使用できますか?

A: モダンなブラウザ(Chrome、Firefox、Safari、Edgeなど)でご利用いただけます。