ライフハッカー［日本版］

人気記事ランキング

Tweet数ランキング

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

2010.02.05 14:00 コメント数：[ 0 ]

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

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

ライフハッカー[日本版]Amazon売上TOP5

「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（原文／訳：松井亮太）

最新記事一覧

注目数ランキング

Lifehacker team

編集委員※: 早川大地 | URL; 平田大治 | URL; 横尾茜; 小山龍介 | URL
編集長: 常山剛 * | URL
編集部（問い合わせ先）: 松井亮太 *; 安齋慎平 * | URL
訳: まいるす・ゑびす | URL; 曽我美穂; 粟野雅子; kiki; 松岡由希子; 的野裕子; JD | URL; 伊藤貴之 | URL
ライター: eccentrics | URL; 傍島康雄 | URL; ドサ健 | URL; 山内純子 | URL; 祐天寺ヨリエ; 聖幸 | URL; 山崎俊輔 | URL; 美崎薫; カメきち | URL; 沢田キャベツ; 境貴子; 丸田鉄平; 石田明; 野々下裕子 | URL; 野本纏花｜ URL; 田中二郎三郎; 箱石昇平｜ URL; 浅田資継｜ URL; enthumble｜ URL
コラムニスト: ココロ社; スゴレン
デザイナー: 前田龍一 *
広告営業（問い合わせ先）: 城口智義 *; 土井孝彦 *; 阿座上陽平 *; 碓井真紀 *; 山下恵子 *
広告進行: 山本朋子 *
ディビジョンディレクター: 尾田和実 * | URL
ジェネラルマネジャー: 長田真 *
パブリッシャー: 今田素子 *; * =［mediagene Inc.］
サーバ管理
heartbeats