Brackets Lorem Pixel」はBrackets上で手軽にダミー画像を挿入することができるエクステンションです。
ダミー画像生成サイトの「lorempixel - placeholder images for every case」をBrackets上で手軽に利用できるようにしたもので、サイトと同様にサイズ・テーマ・カラーを任意で指定することができます。

インストール・起動方法

「Brackets Lorem Pixel」の起動アイコンを示すイメージ

Bracketsの「拡張機能マネージャー」でLorem Pixelと検索すれば該当のエクステンションが出てくると思うのでインストールします。

エクステンションが有効化されるとイメージのようにエディタ右上にlorempixelのロゴアイコンが表示されるので、ここからダミー画像を挿入することが可能になります。

使用方法

「Brackets Lorem Pixel」の使用イメージ

アイコンをクリックするとイメージのようなウィンドウが表示され、ここで画像のサイズやテーマなどを選択することができます。
特にわかりづらい部分はないと思いますが、「width」と「height」は画像サイズをそれぞれ調整できる部分で数値入力またはスライドで値を変更し、「Theme」はどのようなタイプの画像かを選択する部分でanimals・business・foodなど全部で13種類用意されており、Noneを選択した場合はランダムになります。
その下の「Grayscale」はグレースケール画像を使用したい場合にチェックを入れます。

各項目を選択した結果どのような画像が表示されるか確認したい場合は、簡易的なものになりますがウィンドウ下部にある「Preview」ボタンで表示確認ができ、あとは「Preview」ボタン横のボタンでそれぞれURLを出力したりコピーしたりができます。

ただ、画像は基本的にランダム表示されるようになっており、テーマを指定していてもそのテーマ内でランダム表示するというものになっています。
もし何らかの理由で常に同じ画像を表示させたい場合は、http://lorempixel.com/400/200/animals/xxxという形で末尾のxxxの部分に1~10の数値を指定すれば該当の画像を常に表示させることができます。


エクステンションの詳細については以下より確認できます。

ちなみに似たようなもので「DEVimg for Brackets」というエクステンションもあり、こちらも同じくダミー画像を生成できる「devimg.com」をBrackets上で手軽に利用できるというものになります。
「Brackets Lorem Pixel」にはないコミックや映画といったテーマの画像があるので、好みや配置するサイトのテイストによってはこちらを使ってみるのも良いですね。