ツクッタヨ

RECORD No.003 開発をたすける

ダミー画像生成

ダミーガゾウセイセイ

テスト用の画像を、ファイル容量か縦横ピクセルを指定して作れる道具。容量を指定すると、そのバイト数ちょうどで出てくる。

  • 無料
  • 登録なし
  • Web
  1. 01 容量モードは指定バイト数ちょうど。6通り測って6通りとも一致した
  2. 02 解像度モードは文字を焼き込める。文字色は背景の明るさで自動に決まる
  3. 03 中身は32×32の画像を詰め物で膨らませたもの。見た目のテストには使えない

SCREEN custom-img.lb-product.com の画面を切り抜いたもの 580×570

入力欄。「容量で作る」と「解像度で作る」のタブがあり、容量モードではファイル容量の数値と単位(KB)、拡張子(PNG)、背景色を選ぶようになっている。下に「画像を生成してダウンロード」のボタンがある。
Fig.01 入力はこれだけ。容量か解像度、どちらかを選んで数値を入れる。
指定できる容量の上限
1GB
全単位とも合計で
対応する形式
4種類
PNG / JPEG / GIF / WEBP
幅の上限
8,192px
総ピクセルは8K相当まで
料金
0円
登録もログインも要らない

何ができるか

2つのモードがあります。容量で作ると解像度で作るです。

容量モードは、1 と入れて単位を KB にすると 1,024バイトちょうどのファイルが出てきます。 100KB を PNG・JPEG・GIF・WEBP の4形式で作ったところ、どれも 102,400 バイト。 5MB は 5,242,880 バイト。6通り測って6通りとも指定どおりでした。 アップロードのサイズ上限を試すときの、境界値そのものが作れます。

★ 中身は 32×32ピクセルの画像に詰め物をして膨らませたものです。 これはサイト自身が説明に書いています。見た目は関係なく、 バイト数だけが要るテストのための仕組みだと分かって使う必要があります。 ただし詰め物を入れても画像として壊れません。 4形式とも getimagesize で 32×32 として開けました。

解像度モードは幅と高さを入れて作ります。1200×630 を指定すれば ちょうど 1200×630 の画像が出ます。こちらは文字を焼き込めます。 文字色は背景の明るさから自動で決まり、背景を #0b0b0d にしたら 文字が白に反転しました。日本語もそのまま通ります。

SCREEN custom-img.lb-product.com の画面を切り抜いたもの 580×600

主要な解像度の早見表。HD 1280×720、FullHD 1920×1080、WQHD 2560×1440、 4K UHD 3840×2160、8K UHD 7680×4320、正方形 1080×1080、OGP 1200×630、ストーリー 1080×1920 が、比率と主な用途つきで並んでいる。
Fig.02 解像度を思い出せないとき用の早見表が同じページにある。

SCREEN custom-img.lb-product.com の画面を切り抜いたもの 1200×315

生成された画像を2枚並べたもの。左は明るい灰色の背景に濃い色の「SAMPLE 1200x630」、右は黒い背景に白い「SAMPLE 1200x630」。どちらも文字が中央にある。
Fig.03 実際に出てきたもの。背景を暗くすると文字色が自動で白に反転した。

容量モードは指定したバイト数ちょうどか(実測)

指定した容量 実際のバイト数 結果
1 KB / PNG 1,024 一致
100 KB / PNG 102,400 一致
100 KB / JPEG 102,400 一致
100 KB / GIF 102,400 一致
100 KB / WEBP 102,400 一致
5 MB / PNG 5,242,880 一致

★ 2026-09-05 実施。1KB=1,024バイト換算で、6通りとも指定どおりだった。いずれも画像として正しく開ける(32×32・形式ごとの識別子も正しい)。

文字を入れると容量が何倍になるか(1200×630・文字は SAMPLE)

  • GIF(1,481 → 37,748 B) 25.5倍
  • WEBP(1,426 → 9,574 B) 6.7倍
  • PNG(4,520 → 24,966 B) 5.5倍
  • JPEG(12,688 → 35,159 B) 2.8倍

★ 2026-09-05 実測。GIF だけ桁が違う。文字の輪郭で色数が一気に増えるためで、 256色しか持てない GIF は圧縮が効かなくなる。文字入りのプレースホルダーを作るなら GIF は避けたほうがよい。

向いている人・向いていない人

向いている人

アップロードのファイルサイズ上限を試したい人。「5MBまで」の境界を確かめるのに、5,242,880バイトちょうどのファイルがすぐ作れます。ワイヤーフレームに「ここに画像が入る」と示すプレースホルダーが要る人にも向きます。解像度の早見表が同じページにあるので、FullHD や OGP のピクセル数を思い出せないときにそのまま入力できます。

向いていない人

容量モードで出てくるのは32×32を膨らませたものなので、見た目が要るテストには使えません。サムネイルの表示確認などは解像度モードのほうです。容量モードでは文字も入れられません(32×32では読めないため、と説明にあります)。解像度と容量を同時に指定することもできません。それから、生成はサーバー側で行われます。大きな容量を指定すると、そのぶんがそのまま通信量になります。1GB を指定すれば1GB落ちてきます。回線が細いところでは、大きいものを作るのは向きません。

触ってみて気づいたこと

「ブラウザ上で生成」と書かれていますが、実際はサーバーで作ったものを受け取っています。 ボタンを押すと fetch('/download') が飛び、返ってきた画像をダウンロードする作りでした。 「インストール不要」の意味なら間違いではありませんが、 手元で完結すると読むと違います。上の「向いていない人」に書いた通信量の話につながります。

このサイトは短い名前を名乗っていません。見出しも og:site_name も 「【完全無料】解像度・容量を指定できるダミー画像生成サイト」という説明文で、 構造化データの name も同じです。ここでは見出しから「ダミー画像生成」を取りました。 ⚠️ 人に勧めるとき呼び名が無いのは、それだけで紹介されにくくなります。

広告が上下と左右に入ります。読み込み具合で入力欄の位置が変わり、 こちらで測ったときは画面の上端から 653px と 1,286px の2通りになりました。 後者だと、1280×900の画面では入力欄が最初の1画面に入りません。 ★ 上の画面写真は、広告の配信先を遮断して撮ったものです(他社の広告を写さないため)。

確認の記録

いつ、何を見て書いたかを残しています。 確認していないことは書きません。

  • 入力の検査を試した。容量 0 と負の数は差し戻し(302)、1GB を超える指定は 422 で拒否された。広告の読み込み具合で入力欄の位置が 653px と 1,286px の2通りになることを実測した。

  • ボタンの動きを追い、fetch('/download') でサーバーから受け取っていることを確認した。★ この過程でこちらが一度間違えた。コマンドラインから日本語の文字を送ったら 422 が返り、「日本語は通らない」と読んだが、符号化がこちら側の問題だった。ブラウザから送り直したところ、日本語も「×」も 200 で通った。サイト側は正しい。

  • 解像度モードで 1200×630 を生成し、寸法が一致することを確認。背景を明るい灰色と黒で作り分け、文字色が自動で反転することを確認した。文字を入れたときの容量を4形式で測り、GIF だけ25.5倍になることを確認した。

  • 容量モードで 1KB / 100KB(PNG・JPEG・GIF・WEBP)/ 5MB を生成し、受け取ったファイルのバイト数を数えて、6通りとも指定どおりであることを確認した。あわせて4形式とも先頭の識別子が正しく、32×32の画像として開けることを確認した。

同じ分類の掲載

すべて見る →
No.101

DevLab

ハッシュ計算・Base64・CIDR・cron など103本の開発者向けツールを、登録なし・ブラウザだけで使えるツール集。5言語で同じ287ページを持つ。

無料 登録なし
開発をたすける
No.117

OSSカルテ

OSS の更新状況・既知の脆弱性・ライセンス・OpenSSF Scorecard を集めて、採用前に確認すべき点を日本語で並べるサイト。安全か危険かは断定しない。

無料 登録なし
開発をたすける
No.056

Miqto

海外のオープンソースを日本語のマネージドサービスに仕立てる会社が、ライセンス・市場・法規を一次データで調べた記録を公開しているサイト。

無料 登録なし
開発をたすける