特集
カテゴリー
タグ
メディア

画像のレイアウトに困ったら「Dummy Image Generator」

  • カテゴリー:
  • TOOL

みなさんは「Lorem ipsum」(ロレム・イプサム)というものを知っていますか?これはデザインや出版の現場などで使われる、意味のない文字の羅列、いわゆるダミーテキストの一つです。未完の部分が白紙だと、完成時のレイアウトが思い浮かびづらいですよね?それを避けるために、文章の出来上がっていない部分にダミーテキストを流し込むわけです。

「Dummy Image Generator」は画像用の「lorem ipsum」といった働きをしてくれるツールです。

「lorem ipsum」がダミーテキストを差し込むように、「Dummy Image Generator」はダミーの画像、ダミーイメージを作ってくれます。使い方はカンタン。

下記urlのように末尾にx高さを入力するだけです。ここでは幅640、高さ480でやってみます。

例:http://dummyimage.com/640x480

リンクへ飛んだ先に幅640、高さ480のダミーイメージが表示されます。

HTML内にタグとして入れることも可能です。例えば

<imgsrc="http://dummyimage.com/340x123" alt="A Dummy Image">、と打てば↓のように幅340、高さ123のダミーイメージが表示されます。

A Dummy Image

レイアウトの完成形が見えず、頭をかかえているデザイナーの方々などには便利なツールではないでしょうか?実にシンプルですが、よくできています。「Dummy Image Generator」は無料のツールです。

Dynamic Dummy Image Generator

Adam Pash(原文/訳:松井亮太)

swiper-button-prev
swiper-button-next