ダミー画像メーカー

サイズと色を決めて、デザインカンプやWeb制作の仮置き用の画像を作ります。画像はブラウザの中で描いて、そのままPNG・JPEG・WebPで保存できます。

幅（px）

高さ（px）

背景色

文字色

表示テキスト（空欄ならサイズを表示）

文字の大きさ 100%

対角線を入れる

外周に枠線を入れる

保存形式

1200×630 px比率 40:21ファイル計算中コントラスト比 —

幅・高さはそれぞれ 1〜8000px、面積は約1,677万画素（4096×4096相当）までです。これを超えるとスマホのブラウザなどで描けないことがあります。
JPEG・WebP は「画質」を下げるほど軽くなりますが、文字のまわりがにじむことがあります。くっきり保存したいときは PNG を選んでください。WebP に対応していないブラウザでは PNG で保存します。
OGP（SNSで共有したときのカード画像）は 1200×630px（約1.91:1）がよく使われます。各サービスの推奨サイズは変わることがあるので、公式の案内を確認してください。
画像はブラウザの中だけで作られ、どこにも送信されません。

ダミー画像メーカーでできること

幅・高さ・色・文字を決めて、Webサイトやデザインカンプに仮で置くダミー画像を作るツールです。OGP画像や正方形など、よく使うサイズはボタン1つで選べます。

上のサイズボタン（OGP 1200×630、正方形 1080×1080、縦長 9:16 など）を押すか、「幅（px）」「高さ（px）」に数字を入れます。「⇄」で幅と高さを入れ替えられます。
「背景色」「文字色」をカラーピッカーか #RRGGBB の形で指定します。プレビューの下に文字と背景のコントラスト比が出ます。
「表示テキスト」を変えたいときは入力します。空欄にするとサイズ（1200×630 など）が表示されます。「文字の大きさ」「対角線を入れる」「外周に枠線を入れる」で見た目を調整します。
「保存形式」で PNG・JPEG・WebP を選び（JPEG・WebP は「画質」も選べます）、「画像をダウンロード」を押します。

幅・高さはそれぞれ1〜8000px、面積は約1,677万画素（4096×4096相当）までです。超えるとメッセージを出してプレビューと保存を止めます。小数は四捨五入して整数のpxにします。
ファイル名は placeholder-1200x630.png のようにサイズ入りになります。WebP に対応していないブラウザでは PNG で保存します。
OGP 画像は 1200×630px がよく使われますが、各サービスの推奨サイズは変わることがあるので公式の案内も確認してください。
画像はブラウザの canvas で描いて保存するだけで、どこにも送信されません。設定はこのブラウザに保存されます。

OGP画像のサイズは何pxにすればいい？

1200×630px（約1.91:1）がよく使われます。「OGP」ボタンを押すとこのサイズのダミー画像ができるので、サイトに仮置きしてSNSでの見え方を確かめられます。推奨サイズは各サービスの公式情報も確認してください。

PNG・JPEG・WebP はどれで保存すればいい？

文字をくっきり残したいなら PNG、ファイルを軽くしたいなら JPEG か WebP が向いています。形式と画質を変えると、プレビューの下に保存時のおおよそのファイルサイズが表示されるので比べてみてください。

背景と文字の色はどう選べばいい？

仮置きでも文字が読めるよう、コントラスト比 4.5:1 以上を目安にすると安心です。このツールでは色を変えるたびにコントラスト比が表示されます。

大きな画像が作れないのはなぜ？

スマホのブラウザなどは canvas で扱える大きさに上限があるため、このツールでは1辺8000px・面積約1,677万画素までにしています。それより大きいと理由が表示されるので、サイズを小さくしてください。