圖片尺寸規範

官網Banner： 1920x800、1920x1080、1440x600

商品主圖： 1000x1000、1200x1200

IG貼文： 1080x1080、1080x1350

Threads圖文： 1080x1350

限時動態： 1080x1920

檔名格式： 商品分類_商品名稱_用途_尺寸_日期.jpg

品牌圖片素材工程管線

Codex 不自行生成圖片內容。圖片由 ChatGPT、設計、美編或圖片 AI 另外提供；Codex 只負責資料夾、manifest、WebP 壓縮、responsive srcset、alt/title/loading 屬性與頁面掛載。

素材資料夾：

• public/brand-assets/images/hero/
• public/brand-assets/images/product/
• public/brand-assets/images/blog/
• public/brand-assets/images/social/
• public/brand-assets/images/line/
• public/brand-assets/images/icons/
• public/brand-assets/images/store-pop/
• public/brand-assets/images/archive/
• public/brand-assets/prompts/hero/
• public/brand-assets/prompts/product/
• public/brand-assets/prompts/blog/
• public/brand-assets/prompts/social/

Manifest：

• 檔案：public/brand-assets/image-manifest.json
• 每張圖至少要有：id、title、file、source_file、alt、usage、size、status。
• 還沒收到圖時：status 保持 waiting-image。
• 已收到來源圖並執行壓縮後：腳本會改成 ready，並補上 srcset、variants、bytes、generated_at。

壓縮與 srcset：

python3 scripts/build_brand_asset_manifest.py

頁面掛載方式：

<div class="brand-asset" data-brand-asset="knowledge-center-hero"></div>

前端會讀 /brand-assets/image-manifest.json。只有 status: ready 的圖片會輸出 <img>，並自動帶：

• alt
• title
• loading="lazy"
• decoding="async"
• srcset
• sizes

若還是 waiting-image，頁面只顯示待補圖提示與素材需求單連結，不會產生破圖。