最後更新:2026/10/13
用主機的檔案管理打開 wp-content/uploads,很多人會嚇一跳:明明只上傳了一張商品照,資料夾裡卻有一整排同名、只差在尾巴數字的檔案,-150x150.jpg、-300x200.jpg、-768x512.jpg、-1536x1024.jpg……
這是 WordPress 的正常行為。每上傳一張圖片,它會自動做出好幾種尺寸,讓網頁在不同地方用剛好大小的圖,載入比較快。問題是有些尺寸你的網站根本用不到,台灣很多網站放在空間有限的虛擬主機上,這些檔案會一直佔空間,備份檔也跟著越來越大。
不想自己改?把這篇交給 AI
把這篇的網址(或全文)連同下面這段話貼給 AI:
我的網站是 WordPress。我想照下面這篇文章,停掉網站用不到的縮圖尺寸,省下主機空間,但不要讓網頁上的圖片變模糊。
請先問我:我用的佈景主題、有沒有裝 WooCommerce、網站上哪些地方會顯示圖片。
問清楚之後,再一步一步告訴我:要用哪一段程式碼、貼在哪裡、哪些地方要換成我自己的資料,以及改完怎麼測試。
如果文章的做法不適合我的網站,請直接告訴我原因和替代做法。
文章:(貼上這篇的網址,或整篇內容)
改之前先備份,密碼不要貼給 AI。
一張圖到底會變成幾張
我們在裝了 WooCommerce 的測試站上傳一張 3000 × 2000 的照片,資料夾裡多了 11 個檔案:
- 原始檔,以及一張縮到 2560 寬的「-scaled」版本
- WordPress 內建的縮圖 150、中型 300、768、大型 1024、1536、2048
- WooCommerce 加的商品縮圖 300 × 300、商品頁 600、相簿縮圖 100 × 100
其中「-scaled」是 WordPress 的保護機制:上傳的圖片超過 2560 像素,它會另外存一張縮小的版本當作網站上用的原圖,原始檔仍然留著。768、1536、2048 這三種,是給高解析度螢幕和響應式圖片用的,後台的設定頁看不到它們。
先用後台能調的:縮圖、中型、大型
到「設定 → 媒體」,可以看到「縮圖尺寸」「中型尺寸」「大型尺寸」三組設定。如果你確定某一種用不到,把它的寬度和高度都填 0,之後上傳就不會產生這個尺寸。我們把中型尺寸設成 0 × 0 再上傳一次,300 寬的那張就沒有了。
不過這三種是主題最常用到的,例如文章列表的縮圖、文章內的大圖。調整前先看一下你的主題用了哪些,不確定就先別動。
用程式碼停掉看不到的尺寸
後台看不到的 768、1536、2048 這三種,要用程式碼停掉。順便把超大圖片的門檻從 2560 改成 1920,一般網站的版面寬度很少超過 1920:
// 上傳圖片時,不產生用不到的尺寸
add_filter('intermediate_image_sizes_advanced', function ($sizes) {
unset(
$sizes['medium_large'], // 768 寬
$sizes['1536x1536'], // 1536
$sizes['2048x2048'] // 2048
);
return $sizes;
});
// 超過這個寬度的大圖,另存一張縮小版當網站上用的原圖(預設 2560)
add_filter('big_image_size_threshold', function () {
return 1920;
});
加上之後再上傳同一張照片,檔案從 11 個變成 8 個,網站上用的那張「-scaled」也從 2560 寬變成 1920 寬。只是少了三個檔案,聽起來不多,但一個上了幾百個商品、每個商品五六張照片的網站,省下的是好幾千個檔案。
這三種尺寸是給高解析度螢幕用的,拿掉之後,在大螢幕上看全寬的大圖,可能會稍微沒那麼銳利。如果你的網站有很多滿版大圖(例如攝影作品集),就保留 1536 或 2048 其中一種,只停掉用不到的。
程式碼放在 Code Snippets 這類外掛或子主題,放法和備份方式見〈WooCommerce 結帳頁改成台灣習慣〉。
哪些尺寸不要停
WooCommerce 的三種商品圖尺寸(woocommerce_thumbnail、woocommerce_single、woocommerce_gallery_thumbnail)不要停,商店列表、商品頁、相簿都靠它們。主題或外掛自己加的尺寸也一樣,停之前先確定沒有地方在用;停錯了,前台會改用比較大的圖頂替,網頁反而變慢。
已經上傳的圖片怎麼辦
上面的設定只影響之後上傳的圖片,已經在網站上的那些檔案不會自己消失。如果想一併整理,可以用 Regenerate Thumbnails 這個外掛,照現在的尺寸設定重新產生,它也可以順便刪掉已經不用的舊尺寸檔案。圖片很多的網站,整理之前先完整備份,最好在主機比較空閒的時段做。
少產生,也要少上傳
比停掉縮圖更有效的,是上傳之前就先把圖片處理好。手機拍的照片動輒四五千像素、好幾 MB,先縮到網站用得到的大小、壓縮過再上傳,原始檔就不會那麼大,WordPress 產生的每一張縮圖也跟著變小。這一步不用寫程式,養成習慣就好。
網站的速度和主機空間,常常是這些小地方累積出來的。上線前要檢查的完整清單,可以看〈WordPress 網站上線前的檢查清單〉。為什麼要經營自己的網站,可以看〈IG 帳號不是你的資產〉。MIMI 專做客製化網頁設計,網站製作時就會把圖片尺寸和速度一起規劃好。MIMI 提供台灣網頁設計服務,從臺北、新北到全台灣,都可以用電話、Email 直接和設計師討論;費用可以先看首頁的製作費用參考,歡迎聯絡 MIMI。
