VT網頁圖片命名工具

依據編輯圖片規範自動產生檔名

VT網頁圖片命名工具

依據編輯圖片規範自動產生檔名 - 版本20260215v1_CL

圖片資訊
⚠️ 免費圖庫注意:避免使用含有可辨識人物、品牌 Logo 或特定建築物的圖片。禁止使用路透社、美聯社、歐新社、BBC 來源圖片。封面圖片盡量不放王室照片。

ShutterStock (shutterstock.com)

付費圖庫,公司訂閱帳號,品質最穩定。有 Editorial 授權分類,下載後注意確認授權類型。

Unsplash (unsplash.com)

免費,不需標註來源,允許商業和編輯用途。2021 年被 Getty Images 收購,圖片品質高。
前往 Unsplash →

Pexels (pexels.com)

免費,不需標註來源,允許編輯用途。屬 Canva 旗下。
前往 Pexels →

Pixabay (pixabay.com)

免費,不需標註來源,允許編輯用途。屬 Canva 旗下。2019 年以前的圖片為 CC0 授權。
前往 Pixabay →

⚠️ 免費圖庫共同風險

這些平台不驗證上傳者是否擁有版權。若原始版權方追訴,使用者自行承擔責任。建議優先使用 ShutterStock 付費圖庫,免費圖庫作為補充。

封面圖建議尺寸:2000×1333 px(寬2000px)
描述與關鍵字

關鍵字應描述圖片內容,不是文章標題。想像一個沒看過這張圖的人,用什麼詞能搜到它?

✅ 好的範例

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 會幫你產生。

操作步驟:複製上方指令 → 打開 AI 工具(ChatGPT / Gemini / Claude)→ 貼上指令 → 把 [ ] 裡的內容換成你的資料 → AI 回覆的關鍵字貼回上方輸入框,Slug 複製到 WordPress
建議文章 URL Slug
填入關鍵字後自動產生...
Slug 根據上方關鍵字自動產生。圖片關鍵字描述「圖片內容」,Slug 描述「文章主題」,兩者可能不同。若需更精確的 Slug,請用上方 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
vVT拍攝 (Shooting)v260216-bangkok-protest-fi.webp
gVT製圖 (Graphic)g260216-infographic-fi.webp
yYouTubey260216-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 也會清掉紀錄。
  • 需要保留時,請在離開前複製所有檔名到其他地方備份。