開発時のダミー画像を好きなサイズで表示できる便利なサービス

2014年4月7日月曜日

開発時のダミー画像を好きなサイズでリクエストできる便利なサービス

基本的に開発メインで作業を行っているのですが、ここにはこの画像をいれないといけない
でないとレイアウトを構成できないという場面がままあります。
そんな時にこちらのサイトはすごく便利です。

ドメインもどんぴしゃり。
こちらのサイトでダミー画像が作成できます。

Dynamic Dummy Image Generator - DummyImage.com / http://dummyimage.com/

英語サイトですが、英語がわからなくても直感的に使えるようになっています。

説明不要な気もしますが、いちおうかいてみました。

enter image description here

欲しい画像の設定をしたら、http://dummyimage.com/…. ではじまるURLをクリックするとサンプルが見えます。

HTMLで使用する場合はこのURLをimgのsrcに設定します。
例: <img src="http://dummyimage.com/600x400/000/fff">

もちろんダウンロードも可。

URLも簡単なので、サイトを見なくても類推したURLで指定すれば期待した結果がえられます。
例えば単純に100×100の画像が欲しい場合はURLは
http://dummyimage.com/100x100 です。
（最低限必要な場合背景などは指定しなくてもOK）

enter image description here

ライセンスは MIT License. なので安心です。

便利ですねー。
ダウンロードもできますので、とりあえずサイズの決まった画像が欲しい！といういろいろな場面で使えそうです。

ひとつだけ注意。
sslには対応していないようです。

Written with StackEdit.

2014年4月7日月曜日