簡単にダミー画像を生成しよう！

サイト制作をしている際に、「ダミー画像を作成することが面倒だ！」と思い、ダミー画像を生成してくれるツールを調べました。

placehold.jp

使い方

基本

下記のように、サイズを指定するだけで画像を生成してくれます。

構文

https://placehold.jp/{幅}x{高さ}.png

応用

• 文字サイズ・文字色・背景色を指定する
  構文

  https://placehold.jp/{文字色}/{幅}x{高さ}.png
  https://placehold.jp/{背景色}/{文字色}/{幅}x{高さ}.png
  https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/{幅}x{高さ}.png
  

• 文字を指定する
  構文

  https://placehold.jp/{幅}x{高さ}.png?text={表示したい文字列}
  

使用例

URL	結果
https://placehold.jp/e6e60e/a95c23/150x150.png?text=おさる%0A150x150
https://placehold.jp/eeeeee/cccccc/240x180.png?text=No%20Image

まとめ

個人的には使用例の2つ目（「No Image」と書かれた画像）のような使い方は、特に便利だと思いました。