px
px

px
px
px

CSS3を適用する場合、ベンダープレフィックス(-webkit-)が必要な場合があります。

利用規約

・問題、要望の連絡、応援、質問などはこちらへ


使い方


基本

http://placehold.jp/{幅}x{高さ}.png

上記形式で指定したサイズの画像を作成することができます。

例) <img src="http://placehold.jp/150x50.png">

背景・文字の色サイズを変更する

http://placehold.jp/{文字色}/150x100.png
http://placehold.jp/{背景色}/{文字色}/150x100.png
http://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png

※背景色・文字色はRGBの16進数表記

例) <img src="http://placehold.jp/24/cc9999/993333/150x100.png">

ファイルフォーマットを変更する

PNGとJPGの2種類が利用可能です。
※JPGにすると透明度情報は失われます。CSSで半透明機能を利用している場合はご注意ください。

テキストを変更する

http://placehold.jp/250x50.png?text={表示したい文字列}

上記形式でテキストを変更することができます。

例) <img src="http://placehold.jp/24/cccccc/ffffff/250x50.png?text=placehold.jp">

更に細かい表現を追加する(上級者向け)

http://placehold.jp/250x50.png?&css={JSON化したCSSパラメータ文字列}

CSSが利用可能です。
利用するには左メニューAdvanced内タブのスタイルシートを利用する、にチェックを入れてください。


さくらのVPS(SSDプラン)で稼動しています(2015/06〜)

さくらのVPS(@石狩)でも稼動していました(2013/12〜2015/05)
CloudCore VPS(KDDI)でも、問題なく稼動していました

(サーバー整理で引越しました)