「TieTu — 3D Q版貼圖生成器」是阿凱老師打造的 免費 AI LINE 貼圖工作室,採用 Google Gemini 2.5 Flash Image(Nano Banana Pro)multimodal,解決「想做 LINE 個人原創貼圖賺零用錢但自畫太累、找設計師太貴、上架包格式記不住」的三重痛點。
🎯 核心特色
- 📸 照片上傳(含 HEIC) — JPG / PNG / WEBP / HEIC 都支援,前端用 magic bytes 驗證(不只看副檔名),上限 10 MB
- 🎨 24 格自訂主題 + 文字 — 輸入關鍵字(如「馬年、太空人、黏土風」)一鍵套用到 24 格,每格 1-8 字繁中可單獨修改
- 🍌 Nano Banana Pro 引擎 — Google Gemini 2.5 Flash Image 多模態,角色一致性(24 張人臉統一不變臉)+ 繁中文字渲染(小字也能寫進貼圖)
- ✂️ 客戶端切片 — Canvas 切成 24 張獨立 PNG,不依賴後端
- 🔧 單張微調 — 旋轉 ±15° / 平移 ±15% / 縮放 80-120% / 即時預覽
- 📦 三種下載格式 — 整張 PNG / 24 張 ZIP / LINE 上架版 ZIP(24 張 370×320 + main.png 240×240 + tab.png 96×74 + README.txt,直接拖進 LINE Creators 後台上架)
- 💾 IndexedDB 歷史紀錄 — 保留最近 5 次(JPEG 1280px @ 0.85 壓縮存放)+ 點擊重新開啟
- 🛡️ 限流 + 人機驗證 — 每 IP 每分鐘 3 張 / 每日 30 張(Postgres 持久化)+ Cloudflare Turnstile production 必填
💡 設計理念
技術棧 Vite + React 19 + Tailwind 4 + shadcn/ui(前端)+ Express 5 monorepo → Cloud Functions v2(後端)+ pnpm workspaces + TypeScript 5.9 strict mode + Prettier 3 + ESLint。Node v24 本機 → v22 部署到 Cloud Functions,從 Replit Autoscale 遷移到 GitHub + Firebase(README 內有完整遷移指南)。跟 #91 PhotoPoet Pro 是阿凱兩個 AI 圖像工具不同 use case:TieTu = 24 張一組產品包(量產 sticker pack)、PhotoPoet = 單張詩意圖(每天傳一張)。
🎒 適合情境
畢業班禮物(全班合照 → 24 張各寫一個學生名字 → LINE 上架)、教師節活動(學生用老師大頭照 + 24 個感謝詞)、家庭親子活動(阿公阿嬤的 LINE 從此多了專屬 stickers)。配對 #94 封面接故事 同款 AI multimodal + #65 AI Creator Hub AI 影片整合 + #91 PhotoPoet Pro 早安長輩圖。第一次用:上傳自己大頭照 → 主題填「動物農場」→ 24 格各填一個動物(貓 / 狗 / 兔 / 熊⋯)→ 看 4×6 出來。