2014年4月7日月曜日

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

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

画像の準備に時間をとられたくない

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

dummyimage.com

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

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.

  • この記事をシェアする

  • このエントリーをはてなブックマークに追加
  • このブログの更新をチェックする

  • follow us in feedly