部落格圖片放哪裡?WordPress 媒體庫 vs 外部圖床的優缺點
部落格寫久了,圖片一定是最佔空間的東西:一篇食記十幾張照片、一篇教學二十張截圖,幾年下來就是好幾 GB。圖片要放在 WordPress 自己的媒體庫,還是放到外部圖床再貼連結?兩種做法都有人用,各有取捨。
WordPress 媒體庫:方便完整,但吃主機資源
優點
- 最方便:寫文章時直接拖進編輯器,精選圖片、圖庫區塊、替代文字都在同一個地方設定。
- 自動產生多種尺寸:WordPress 會替每張圖片產生縮圖和幾種中間尺寸,手機可以載入比較小的版本。
- 全部在自己手上:搬家、備份時圖片跟著網站走,不依賴別人。
缺點
- 吃主機空間:一張原圖加上自動產生的多種尺寸,實際佔用的空間是原圖的好幾倍,共享主機的空間通常有限。
- 吃主機流量與效能:文章被大量分享時,所有圖片都從你的主機送出,便宜的主機可能變慢,甚至超過流量上限。
- 備份越來越肥:
wp-content/uploads動輒好幾 GB,備份和搬家都變慢。 - 要自己做優化:沒有壓縮、沒有轉 WebP 的話,網站速度會被圖片拖累,通常得另外裝外掛處理。
外部圖床:省空間、省流量,但要選對
優點
- 不佔主機空間與流量:圖片由圖床的伺服器送出,主機只負責文字,便宜的主機也撐得住。
- 通常有 CDN:好的圖床把檔案放在全球網路上,各地讀者打開都快。UPLOADS 的檔案就放在 Cloudflare 的全球網路上。
- 上傳就優化好:UPLOADS 會自動把 JPG、PNG 轉成 WebP、清除照片定位,上傳完就是適合放在網頁上的版本。
- 跨平台共用:同一張圖可以貼在部落格、論壇、電子報,不用每個地方上傳一次。
缺點與風險
- 依賴第三方:圖床關站、刪圖、改規定,你的文章就會破圖(見圖片連結失效的 7 個原因)。一定要選明確寫永久保存、允許外連的服務,並自己留原檔。
- WordPress 的部分功能用不到:外部網址的圖片不會進媒體庫,不會自動產生多種尺寸;預設也不能把外部網址設成精選圖片,要靠外掛。
- 圖片不在自己的網域:圖片搜尋帶來的訪客,通常還是會連回嵌入圖片的那篇文章;但圖片網址本身在別人的網域上,你能控制的比較少。
比較表
| WordPress 媒體庫 | 外部圖床 | |
|---|---|---|
| 主機空間 | 佔用(含自動產生的多種尺寸) | 不佔 |
| 主機流量 | 佔用 | 不佔 |
| 載入速度 | 看主機與優化外掛 | 看圖床(有 CDN 通常很快) |
| 操作 | 最方便 | 要先上傳再貼連結 |
| 精選圖片、圖庫區塊 | 完整支援 | 精選圖片要靠外掛 |
| 長期風險 | 主機出問題、沒做備份 | 圖床刪圖或關站 |
實用的混合策略
大多數部落格不需要二選一,依照圖片的角色分開放最划算:
- 放媒體庫:精選圖片(封面)、Logo、版面用的圖,以及最重要的幾張主圖。數量不多,又跟網站的功能綁在一起。
- 放圖床:文章裡大量的照片、操作截圖、GIF 動畫、影片。這些最佔空間和流量,數量也最多。
用 UPLOADS 放文章圖片的流程:
- 一次選好這篇文章要用的圖片上傳(一次最多 20 個檔案),上傳前把「合成一個連結」的勾拿掉也沒關係,反正用的是每張圖自己的網址。
- 上傳完成的畫面切換到「HTML」,每張圖一行
<img>語法,一次複製;用 Markdown 寫作的話選「Markdown」。 - 在 WordPress 區塊編輯器加一個「自訂 HTML」區塊貼上,或在傳統編輯器的「文字」模式貼上,再替每張圖補上替代文字(寫法見alt 文字怎麼寫)。
挑圖床的檢查清單
- 明確寫「永久保存」,不會因為沒人看就刪圖。
- 允許外連、沒有流量上限。
- 支援 HTTPS。
- 有 CDN,台灣讀者打開夠快。
- 自己能刪除、管理已上傳的圖片。
UPLOADS 以上幾點都符合,而且免費、免註冊就能試。不管放在哪裡,原始圖片都要自己留一份,這是部落格圖片最重要的保險。更多網站圖片的優化技巧見網頁圖片優化完整指南。