p placehold.jp
[English]

Basic

Advanced

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

URL

Example 使用例

Usage 使い方

基本

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

https://placehold.jp/{幅}x{高さ}.png
例) <img src="https://placehold.jp/150x50.png">

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

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

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

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

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

URL末尾の拡張子で、pngとjpgの2種類が指定可能です。

※jpgにすると透明度情報は失われます。CSSで半透明機能を利用している場合はご注意ください。

テキストを変更する

以下の形式でテキストを変更することができます。

https://placehold.jp/250x50.png?text={表示したい文字列}
例) <img src="https://placehold.jp/24/cccccc/ffffff/250x50.png?text=placehold.jp">

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

CSSが利用可能です。

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

Advancedの「スタイルシートを利用する」にチェックを入れてお試しください。


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

さくらのVPSで稼動しています