比較

部落格圖片放哪裡?WordPress 媒體庫 vs 外部圖床的優缺點

部落格圖片放哪裡?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 放文章圖片的流程:

  1. 一次選好這篇文章要用的圖片上傳(一次最多 20 個檔案),上傳前把「合成一個連結」的勾拿掉也沒關係,反正用的是每張圖自己的網址。
  2. 上傳完成的畫面切換到「HTML」,每張圖一行 <img> 語法,一次複製;用 Markdown 寫作的話選「Markdown」。
  3. 在 WordPress 區塊編輯器加一個「自訂 HTML」區塊貼上,或在傳統編輯器的「文字」模式貼上,再替每張圖補上替代文字(寫法見alt 文字怎麼寫)。

挑圖床的檢查清單

  • 明確寫「永久保存」,不會因為沒人看就刪圖。
  • 允許外連、沒有流量上限。
  • 支援 HTTPS。
  • 有 CDN,台灣讀者打開夠快。
  • 自己能刪除、管理已上傳的圖片。

UPLOADS 以上幾點都符合,而且免費、免註冊就能試。不管放在哪裡,原始圖片都要自己留一份,這是部落格圖片最重要的保險。更多網站圖片的優化技巧見網頁圖片優化完整指南。

分享

延伸閱讀