Basic
Advanced
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の「スタイルシートを利用する」にチェックを入れてお試しください。