ダミー画像がほしいときに簡単に使える、AnyPlaceholder.comを作って公開しました。

1. AnyPlaceholder.com って何？

https://anyplaceholder.com/placeholder?...
にパラメータを付けるだけで、SVG・PNG などのダミー画像 を即時返すサービスです。
8 桁 HEX (α付きカラー)、角丸、Retina、WebP まで対応しています。

2. 使い方

最小例

<img src="https://anyplaceholder.com/placeholder?width=300&height=200">

パラメータ	必須	型 / 例	既定値	説明
`width`	✅	`300` (整数, px)	—	画像の横幅(最大3000px)
`height`	✅	`200` (整数, px)	—	画像の高さ(最大3000px)
`bg`	－	`48b6fab5` ( HEX3,6(透過無し)・4,8(透過あり) )	`cccccc`	背景色。4桁・8桁時は末尾がアルファ値 (`0`〜`f`, `00`〜`ff`)
`color`	－	`ffffffaa` ( HEX3,6(透過無し)・4,8(透過あり) )	`333333`	テキスト色
`text`	－	`AnyPlaceHolder`	`"${width}x${height}"`	中央に描画する文字列
`fontSize`	－	`60` (px)	`20`	フォントサイズ
`radius`	－	`10` (px)	`0`	角丸半径。`format=svg/png/webp` で有効 `jpg` の場合は角丸描画はするがデータは長方形
`format`	－	`webp` `png` `jpg` `svg`	`svg`	出力フォーマット
`retina`	－	`bool`	`false`	`true` にするとサイズを2倍で生成高DPI対応用

例: トップの画像はこちらです。

https://anyplaceholder.com/placeholder?width=600&height=300&bg=48b6fab5&color=ffffff&text=AnyPlaceHolder&fontSize=60&radius=10&format=webp

CloudFront + Lambda@Edgeで最小構成を目指しました。

気軽に試してみてください 🙌