サイズを指定してサンプル画像を作る「Dummy Image」

Pocket

HTMLを書いていてサンプル画像が必要な場合があります。
URLにパラメータをセットすることで自由にサイズを指定したり文字列を描いたりできるサイトがあります。

Dynamic Dummy Image Generator - DummyImage.com

http://dummyimage.com/200x140/000000/ffffff
これが基本的な書き方になります。サイズ、背景色、文字色の順に指定します。
「000000」は黒、「ffffff」は白です。

http://dummyimage.com/200x140/123/def
色は6桁で指定するのが基本ですが3桁で指定することもできます。

http://dummyimage.com/200x140/112233/ddeeff
「123」は「112233」と同じ意味です。

http://dummyimage.com/200x140/12/ef
2桁で指定することもできます。

http://dummyimage.com/200x140/121212/efefef
「12」は「121212」と同じ意味です。

http://dummyimage.com/200x140/1/f
1桁で指定することもできます。

http://dummyimage.com/200x140/111111/ffffff
「1」は「111111」と同じ意味です。

http://dummyimage.com/200x140
色を省略すると背景色がグレー、文字色が黒になります。

http://dummyimage.com/200x140/000000/ffffff&text=ABC
「&text=」で文字列を指定できます。

http://dummyimage.com/200x140/000000/ffffff&text=A+B+C
スペースは「+」です。

http://dummyimage.com/200x140/000000/ffffff&text=漢字
漢字も使えます。

[ 2013年2月5日 | カテゴリー: ウェブサイト | タグ: ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報