🎨 #86 TieTu 3D Q版貼圖生成器：上傳大頭照 + 24 個文字 → Gemini 2.5 Flash Image 生 4×6 貼圖 + LINE 上架包
#86 TieTu — 上傳大頭照 → 自訂主題與 24 個文字標籤 → Gemini 2.5 Flash Image（Nano Banana Pro）生成 4×6 共 24 張 Q 版貼圖 → 下載 PNG / 24 張 ZIP / **LINE 個人原創貼圖上架包**（含 main.png + tab.png + README.txt）。Vite + React 19 + Cloud Functions v2 + Cloudflare Turnstile。
「LINE 個人原創貼圖」上架的真實痛點
LINE 創作者市集開放後，任何人都能上架自己的貼圖賺錢：
- 每組 24 / 32 / 40 張，每張 240×240 主圖 + 96×74 索引圖
- 自畫太累、找設計師太貴
- 想做「我自己 Q 版貼圖」但畫畫不會
阿凱的 #86 TieTu 是這痛點的解藥：
上傳一張大頭照 → 自訂主題與 24 個文字標籤 → AI 生成 4×6 共 24 張 Q 版貼圖 → 下載成 PNG / 24 張 ZIP / LINE 個人原創貼圖上架包
#86 真實技術細節（README 超完整）
真實標題：「TieTu — 3D Q版貼圖生成器」（Traditional Chinese chibi sticker generator）
技術棧表格：
| 介面 | 後端 | 模型 | 部署 |
|---|---|---|---|
| Vite + React 19 + Tailwind 4 + shadcn/ui | Express 5 (monorepo) → Cloud Functions v2 | Google Gemini 2.5 Flash Image (gemini-2.5-flash-image，multimodal IMAGE output) | GitHub + Firebase（主推） |
完整 9 大功能：
功能 A：照片上傳
- JPG / PNG / WEBP / HEIC 都支援
- 前端用 magic bytes 驗證（不只看副檔名）
- 上限 10 MB
功能 B：主題客製
- 輸入關鍵字（如「馬年、太空人、黏土風」）
- 一鍵套用到 24 格
功能 C：24 格自訂文字
- 每格 1-8 字繁中
- 可單獨修改
功能 D：AI 生成（核心）
- Google Gemini 2.5 Flash Image（Nano Banana Pro）multimodal
- 輸入照片 + prompt → 生成 4×6 sticker sheet
功能 E：客戶端切片
- Canvas 切成 24 張獨立 PNG
- 不依賴後端
功能 F：單張微調
- 旋轉 ±15°
- 平移 ±15%
- 縮放 80-120%
- 即時預覽
功能 G：三種下載格式
- 整張 PNG
- 24 張 ZIP
- LINE 上架版 ZIP（24 張 370×320 + main.png 240×240 + tab.png 96×74 + README.txt）
功能 H：歷史紀錄
- IndexedDB 保留最近 5 次
- JPEG 1280px @ 0.85 壓縮存放
- 點擊重新開啟
功能 I：限流保護 + 人機驗證
- 每 IP 每分鐘 3 張、每日 30 張
- Postgres 持久化
- Cloudflare Turnstile production 必填
真實技術棧（從 README）
- Monorepo：pnpm workspaces
- Node.js：v24 本機 → v22 部署到 Cloud Functions
- TypeScript 5.9（strict mode）
- Prettier 3 + ESLint
- Replit Autoscale → GitHub + Firebase（README 內有完整遷移指南）
LINE 上架包的細節
LINE Creators Market 要求的檔案：
- 24 / 32 / 40 張貼圖每張 370×320 PNG
- main.png（240×240）主圖
- tab.png（96×74）索引圖
- README.txt 說明
阿凱的 #86 一鍵打包成 ZIP → 直接拖進 LINE Creators 後台上架。
跟 #91 PhotoPoet Pro 的關係
阿凱有兩個 AI 圖像工具：
- #86 TieTu（本篇）— LINE Q 版貼圖
- #91 PhotoPoet Pro — 早安長輩圖
兩個都用 Gemini 圖像生成 — 不同 use case 不同產品：
- TieTu = 24 張一組產品包（量產 sticker pack）
- PhotoPoet = 單張詩意圖（每天傳一張）
為什麼用 Nano Banana Pro？
Google Gemini 2.5 Flash Image 別名「Nano Banana」是 2024 末新模型：
- ✅ multimodal 輸出（同時看圖 + 文字 + 輸出新圖）
- ✅ 角色一致性 — 24 張貼圖人臉統一不會變
- ✅ 繁中文字渲染 — 中文小字也能寫進貼圖
對 LINE Q 版貼圖這個 use case 完美匹配。
教學情境
畢業班禮物：
- 老師用全班合照 → 跑 #86
- 24 張 Q 版貼圖每張寫一個學生名字
- LINE 上架 → 全班保存
教師節活動：
- 學生用老師大頭照 + 24 個感謝詞
- 「XX 老師謝謝您」「XX 老師我愛您」⋯
- 上架成班級獨家貼圖
家庭親子活動：
- 假日家長陪小孩用 #86 做「家族貼圖包」
- 阿公阿嬤的 LINE 從此多了專屬 stickers
配對工具推薦
- #94 封面接故事 — 同款 AI multimodal
- #65 AI Creator Hub — AI 影片整合
- #91 PhotoPoet Pro — 早安長輩圖
適用對象
- 國中小所有老師（畢業班禮物 / 教師節）
- 想做 LINE 貼圖賺零用錢的人
- 家庭親子活動
- 想看「Gemini 2.5 Flash Image multimodal」案例的開發者
想試試？
第一次用：上傳自己的大頭照 → 主題填「動物農場」→ 24 格各填一個動物（貓 / 狗 / 兔 / 熊⋯） → 看 4×6 出來。