# テンプレートPNGの作り方・管理方法

このフォルダは、各クライアント向けの「アイキャッチテンプレートPNG」を保管するための場所です。

---

## テンプレートPNGとは

GPT Image 2に添付する**レイアウト参照画像**です。
文字エリアと人物エリアの配置・比率をGPT Image 2に視覚的に伝え、
一貫したアイキャッチデザインを実現します。

### テンプレートPNGに含める要素

| 要素 | 説明 |
|---|---|
| **文字エリア（シルエット）** | どの位置・どのサイズで文字を配置するかを示す矩形またはテキストブロック |
| **人物エリア（シルエット）** | 人物（バストアップ推奨）をどこに配置するかを示す影・シルエット |
| **背景トーン** | ブランドカラーの方向性を示すグラデーションや配色サンプル |

### テンプレートPNGに入れないもの

- クライアントのロゴ（GPT Image 2が誤って出力に含めてしまうリスクがある）
- 実際の人物写真（リファレンス画像として別途添付する）
- 具体的な文字テキスト（キャッチコピーはプロンプトで指定する）

---

## テンプレートPNGの作成手順

### Step 1: サイズを決める

noteアイキャッチの推奨サイズ: **1280×670px（横長 16:9）**

GPT Image 2はこのサイズを直接指定できないため、
「横長の16:9画像」として出力 → 別途リサイズが必要。

### Step 2: Canvaまたは任意のデザインツールで作成

**推奨レイアウト（標準型: 左テキスト＋右人物）**

```
┌──────────────────────────────────────┐
│                                      │ ← 横長（16:9）
│  ┌─────────────┐    ████████████    │
│  │             │    ████████████    │ ← 右側: 人物シルエット
│  │  文字エリア  │    ████████████    │   （バストアップ・上半身）
│  │  （左60%）  │    ████████████    │
│  │             │    ████████████    │
│  └─────────────┘                    │
│                                      │
└──────────────────────────────────────┘
```

- 左60%: 文字エリア（テキストブロックのシルエット）
- 右40%: 人物エリア（バストアップシルエット）
- 背景: ブランドカラーに合わせたグラデーション

### Step 3: PNG形式で書き出し

ファイル名の命名規則: `eyecatch_template_{クライアントスラッグ}.png`
例: `eyecatch_template_{slug}.png`

### Step 4: クライアントフォルダに保存

このフォルダ（スキルのtemplates/）には入れず、
クライアント専用フォルダに保存することを推奨。

例:
```
{クライアントフォルダ}/templates/
    eyecatch_template_{スラッグ}.png
    ref_twoshot_01.png          ← ツーショット参照
    ref_portrait_01.png         ← 顔アップ参照
    ref_mascot_01.png           ← マスコット等（あれば）
```

---

## GPT Image 2へのテンプレートPNG活用方法

1. ChatGPTを開く（ChatGPT Plus必須）
2. メッセージ欄にテンプレートPNGをドラッグ＆ドロップ
3. リファレンス画像も追加（添付順: テンプレート→ツーショット→顔アップ）
4. `batch_NNN_prompts.md` の中のプロンプト本文をそのままペースト
5. 送信 → 4枚のアイキャッチが生成される

---

*更新日: 2026-04-26 / OKIHIRO FORGE*
