ダミー画像作成ツール
モックやワイヤーフレーム用のダミー画像(プレースホルダー画像)を生成します。
画像サイズ、背景色/文字色、テキストを指定して、直リンク可能な画像URLを作成できます。
横サイズ
縦サイズ
プリセット
背景色
文字色
形式
| フォーマット | 400 × 300px (PNG) |
|---|---|
| 画像URL | https://img.skin/400x300 |
| HTML | <img src="https://img.skin/400x300" alt="400×300" width="400" height="300"> |
| CSS | background-image: url("https://img.skin/400x300"); |
- 安全
- 画像URLを知っているユーザーのみ閲覧できます。
解説
変数タグ
テキスト部分には独自の変数タグが使用できます。
画像サイズや各種カラー、改行指定などが可能です。
| 変数タグ | 説明 | 指定例 | 表示結果 |
|---|---|---|---|
{width} | 生成された画像の横幅サイズが代入されます。 | {width}px | 400px |
{height} | 生成された画像の高さサイズが代入されます。 | {height}px | 300px |
{ratio} | 生成された画像のアスペクト比が代入されます。 | {ratio} | 4:3 |
{back} | 生成された画像の背景色が代入されます。 | 背景色:{back} | 背景色:#dddddd |
{color} | 生成された画像のテキスト色が代入されます。 | 文字色:{color} | 文字色:#979797 |
{fmt} | 生成された画像の形式(フォーマット)が代入されます。 | 形式:{fmt} | 形式:PNG |
{br} | 挿入位置で改行されます。 本ツールの設定フォーム内で改行した場合は自動で挿入されます。 | 吾輩は{br}猫である | 吾輩は 猫である |
画像URL構成
本ツールで生成される画像URLは直リンクでも利用可能です。
外部から直接呼び出す場合は下記のパスでリクエストしてください。
- 画像URL
- https://img.skin/
横幅x高さ/背景色/文字色
?text=テキスト&fmt=画像形式
| 値 | 説明 | 指定例 | 省略 |
|---|---|---|---|
| 横幅 | 1〜5000 | 400 | × |
| 高さ | 1〜5000 | 300 | × |
| 背景色 | カラーコード(16進数) / カラーネーム / transparent(透明) | ff1493 / deeppink | ○ ※1 |
| 文字色 | カラーコード(16進数) / カラーネーム / transparent(透明) | fff / white | ○ |
| テキスト | 任意文字列 / 変数タグ 省略時は「{width}×{height}」となります。 | 横{width}px | ○ |
| 画像形式 | png / jpg / gif 省略時はPNGとなります。JPGとGIF指定時は背景色に透明を指定できません。 | jpg | ○ |
※1 テキスト色(fontColor)指定時は省略できません。