VT網頁圖片命名工具
依據編輯圖片規範自動產生檔名 - 版本20260215v1_CL
ShutterStock (shutterstock.com)
付費圖庫,公司訂閱帳號,品質最穩定。有 Editorial 授權分類,下載後注意確認授權類型。
Unsplash (unsplash.com)
免費,不需標註來源,允許商業和編輯用途。2021 年被 Getty Images 收購,圖片品質高。
前往 Unsplash →
Pexels (pexels.com)
免費,不需標註來源,允許編輯用途。屬 Canva 旗下。
前往 Pexels →
Pixabay (pixabay.com)
免費,不需標註來源,允許編輯用途。屬 Canva 旗下。2019 年以前的圖片為 CC0 授權。
前往 Pixabay →
⚠️ 免費圖庫共同風險
這些平台不驗證上傳者是否擁有版權。若原始版權方追訴,使用者自行承擔責任。建議優先使用 ShutterStock 付費圖庫,免費圖庫作為補充。
關鍵字應描述圖片內容,不是文章標題。想像一個沒看過這張圖的人,用什麼詞能搜到它?
✅ 好的範例
thai-monks-alms-morning — 泰國僧侶早晨托缽
bangkok-skyline-sunset — 曼谷天際線日落
❌ 不好的範例
photo-of-monks-walking-on-the-street-in-bangkok — 太長、有介係詞
IMG_2947 — 無意義的相機預設檔名
💡 小技巧
- 同一篇文章的多張圖,關鍵字盡量用相同或類似的詞
- 全部小寫,不要大寫
- 封面圖 (fi) 的關鍵字盡量跟文章 Slug 一致,對 SEO 有幫助
不確定怎麼寫?把以下指令複製到 ChatGPT、Gemini 或 Claude,貼上你的文章標題和圖片描述,AI 會幫你產生。
- 尚無紀錄
| 項目 | 規格 |
|---|---|
| 格式 | WebP, Quality 80 |
| 最大尺寸 | 長邊 ≤ 2000px |
| 檔案大小 | ≤ 500KB |
| 封面圖 (fi) | 2000×1333 px |
| 社群圖 (og) | 2000×1047 px (1.91:1) |
| 內文圖 | 長邊 ≤ 2000px |
⚠️ 上傳前就要先調整好圖片尺寸,不要在 WordPress 媒體庫內編輯圖片。
⚠️ 插入圖片到文章時,圖片置中,尺寸設定為「完整圖片(Full)」。
字首 (Prefix) — 圖片來源
| 代碼 | 來源 | 範例 |
|---|---|---|
s | 圖庫 (Stock) | s260216-thai-monks-ss-fi.webp |
w | 網路找圖 (Web) | w260216-digital-wallet-01.webp |
v | VT拍攝 (Shooting) | v260216-bangkok-protest-fi.webp |
g | VT製圖 (Graphic) | g260216-infographic-fi.webp |
y | YouTube | y260216-food-review-01.jpg |
c | 客戶提供 (Client) | c260216-songkran-iconsiam-01.webp |
p | 靜態頁面 (Page) | p-home-hero-banner-fi.webp |
字尾 (Postfix) — 用途
| 代碼 | 用途 |
|---|---|
fi | 封面圖 / Featured Image (2000×1333) |
og | 社群預覽圖 / Open Graph (2000×1047) |
01-99 | 內文圖片,依序編號 |
通用規則
- 分隔符號一律使用橫線
-,不使用底線_ - 英文一律小寫
- 關鍵字 2-5 個詞
- 檔名總長度建議不超過 80 字元
- 禁止:空格、中文、特殊符號、連續橫線
⚠️ 檔名一律使用英文小寫,橫線分隔。
⚠️ 文章內圖片務必設定替代文字(ALT)與圖說(Caption)。
⚠️ 先建好文章,再用文章內的「新增媒體」功能上傳圖片。
- ALT(替代文字):用一句話描述圖片內容,需包含關鍵字,助搜尋引擎理解圖片意義。
- Caption(圖說):給讀者看的,用於標示圖片來源或說明圖片意思。
- 若使用外部來源圖片務必標註出處(圖片來源:XXX)。
- 若為本站自有圖片,請加上浮水印,注意透明度不要破壞畫面。
- 封面圖片盡量不要跟其他新聞使用相同圖片。
- 插入圖片到文章時,圖片置中,尺寸設定為「完整圖片(Full)」。
下載安裝
免費軟體,支援 Windows / Mac / Linux。
前往下載 XnConvert →
操作步驟
步驟 1 — 加入檔案:打開 XnConvert → 點「Input(輸入)」分頁 → 點「Add files」選擇圖片,或「Add folder」整批加入。支援拖曳。
步驟 2 — 設定轉換動作:點「Actions(動作)」分頁 → 「Add action」→「Image」→「Resize」→ Mode 選「Fit」,Width 和 Height 都填 2000,勾選「Keep ratio」。這樣長邊不超過 2000px。
步驟 3 — 設定輸出:點「Output(輸出)」分頁 → Format 選「WEBP」→ Quality 設為 80 → 選擇輸出資料夾。
⚠️ Filename 欄位保留 {Filename} 不要動,檔名要在上傳前手動依規範改好。
步驟 4 — 執行:點右下角「Convert」按鈕。完成後檢查輸出檔案大小是否在 500KB 以下。超過的話單獨降低 Quality 到 70-75 重新轉檔。
載入預設設定檔 (.xbs)
若團隊有提供 .xbs 設定檔:點選單「File」→「Load Script」→ 選擇 .xbs 檔案,所有設定會自動套用。
批次處理建議流程
① 先用本工具產生所有檔名,存在紀錄區 → ② 用 XnConvert 批次轉成 WebP → ③ 手動改檔名 → ④ 上傳 WordPress
什麼是 URL Slug?
Slug 是文章網址中代表文章主題的那段英文。例如 visionthai.net/2026/02/16/digital-wallet-policy/,其中 digital-wallet-policy 就是 slug。
為什麼圖片檔名和 Slug 有關?
Google 會看整個頁面的一致性。如果 slug 是 digital-wallet-policy,封面圖檔名也包含 digital-wallet,Google 會更確信頁面主題一致,搜尋排名可能更好。
兩者一定要一樣嗎?
不一定。Slug 描述文章主題,關鍵字描述圖片內容。封面圖 (fi) 和社群圖 (og) 的關鍵字盡量跟 slug 一致。內文圖 (01-99) 根據圖片實際內容填寫。
- 紀錄使用瀏覽器 localStorage 儲存,資料只存在這台電腦的這個瀏覽器裡。
- 換電腦、換瀏覽器、使用無痕模式都不會有之前的紀錄。
- 清除瀏覽器快取/Cookie 也會清掉紀錄。
- 需要保留時,請在離開前複製所有檔名到其他地方備份。