記事

ダミー画像を作るのに便利 – PLACEHOLD.IT

  • このエントリーをはてなブックマークに追加

Twitter BootstrapのThumbnailsのページを見ていて知ったのですが、非常に便利なのでメモ。
Placehold.itってサイト。
簡単に言うと、ダミーの画像を作ってくれるサービスです。

URLにパラメータをくっつけることで、サイズや色、画像内に表示させるテキスト(日本語は非対応)を設定出来ます。

例えば、単純に幅も高さも350pxの画像を作る場合は、
http://placehold.it/350
これを以下のようにimgタグに挿入すればOKです。
<img src="http://placehold.it/350" />
結果は

このように表示されます。

さらに高さも指定する場合。
http://placehold.it/350×250
<img src="http://placehold.it/350x250" />

続いて画像の色を指定してみます。
画像の背景を赤(#ff0000)に、文字を白(#ffffff)にしてみます。
http://placehold.it/350×250/ff0000/ffffff
<img src="http://placehold.it/350x250/ff0000/ffffff" />

でもって、最後にテキストを指定。
テキストは「&text=表示させたいテキスト」をくっつけます。
http://placehold.it/350×250/ff0000/ffffff&text=Coban
<img src="http://placehold.it/350x250/ff0000/ffffff&text=Coban" />

以上。非常に簡単で便利ですね。

  • このエントリーをはてなブックマークに追加
2012年2月
« 1月   3月 »
 12345
6789101112
13141516171819
20212223242526
272829  

フォトライブラリー

コメントを残す

%d人のブロガーが「いいね」をつけました。