みなさんは「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のダミーイメージが表示されます。
レイアウトの完成形が見えず、頭をかかえているデザイナーの方々などには便利なツールではないでしょうか?実にシンプルですが、よくできています。「Dummy Image Generator」は無料のツールです。
Adam Pash(原文/訳:松井亮太)