• Home
  • twitter
  • Facebook Page
  • google+
  • RSS
  • follow us in feedlyfeedly
  • Contact Form
OPEN
2013/01/29

imgタグを記述するだけでダミーの画像を表示してくれるサービス「lorempixel」が便利

lorempixel

Web制作をしていると、ダミー画像を用意しなければならない!なんて時が頻繁にあってわりかし手間なのですが、こういうサービスあったんですね…知らなかった。

と言うわけで、WEBマーケティング ブログさんで紹介されていた、imgタグ内でサイズ・ジャンルなどを指定すれば自動的にダミー画像を作成してくれるサービス、lorempixelがとっても便利でしたのでご紹介。


lorempixelの使い方

まずはlorempixelへ訪れましょう。

 

lorempixelのヘルプ
lorempixelでは、imgタグ内のsrcをhttp://lorempixel.com/width/height/カテゴリ/ダミーテキストのように記述することで、サイズ・ジャンル・カラーorモノクロ指定したダミー画像を読み込んでくれます。

 

<img src="http://lorempixel.com/500/350/food" alt="" />

例えば↑の様に記述すれば、W500×H350pxで、foodカテゴリのダミー画像を作成してくれるわけです。

 

lorempixelジェネレータ

Skitched 20130129 084751
サイト内にあるジェネレータを使用すればどんな画像ができるのかを確認することもできます:)

 

lorempixel説明
ちなみに各項目はこんな感じで設定できます。

<img src="http://lorempixel.com/g/500/300/people/1/Ai Shinozaki" alt="http://lorempixel.com/" />

↑のような入力だと

Skitched 20130129 103652
こんな感じですね。

と言うわけで、ダミーの画像を探す手間が省ける大変便利なサービス、lorempixelのご紹介でした。
以前書きました無料!Web・DTPデザインに大活躍してくれる、私がよく使用している写真、Web用素材・テクスチャ・イラスト配布サイト15選!もご参考にどうぞ:)

SPONSORED LINK

FB Comments

About This Site

Mac,iPhone,Evernote,Web,Foodを中心に様々な情報をお届けするブログです。
ふざけた文体が目につきますが、本人はいたってふざけております。
ご意見・ご感想は info[at]ozpa-h4.com もしくはコンタクトフォームまでどうぞ。
広告掲載、執筆、取材などの依頼も受け付けております。
さらに詳しく

SNS

×