圖片可以讓 WordPress 文章更容易閱讀，但直接把手機照片、簡報截圖或相機原圖上傳，可能使單張圖片達到數 MB。文章累積多張大圖後，頁面下載量增加，手機使用者也需要等待更久。

圖片優化不等於把畫質壓到模糊，而是在清晰度、尺寸與檔案容量之間取得平衡。理想流程應在上傳前完成縮圖、命名及格式轉換，再到 WordPress 補上替代文字並選擇合適的顯示尺寸。

圖片尺寸和檔案容量有什麼不同？

圖片尺寸是寬度與高度，例如 1600 × 900 像素；檔案容量則是圖片占用的儲存空間，例如 180 KB 或 3 MB。

一張寬度 5000 像素的照片，即使在文章裡只顯示 800 像素，瀏覽器仍可能需要下載較大的原始檔。因此，不應只在編輯器內把圖片拉小，而要在上傳前先縮小實際尺寸。

尺寸沒有唯一標準，應參考佈景主題的內容寬度。一般文章圖片可以先控制在約 800 至 1600 像素寬，再依用途調整；小圖示及縮圖不需要使用相機原始尺寸。

WordPress 也會在圖片上傳時產生縮圖、中型及大型等版本，相關尺寸可以在「設定 → 媒體」查看。WordPress 媒體設定文件說明，這些數值代表插入文章時可使用的最大寬高。

JPEG、PNG 與 WebP 怎麼選？

JPEG

適合照片、人物及色彩漸層豐富的圖片。經過適當壓縮後，通常能以較小容量保留可接受的畫質。

PNG

適合需要透明背景的圖示、Logo，或包含文字及介面線條的截圖。照片若存成 PNG，容量可能明顯增加。

WebP

WebP 同時支援有損及無損壓縮，通常能在維持畫質的情況下減少容量。WordPress 自 5.8 起支援 WebP 上傳，適合多數文章圖片。

如果製圖工具能直接輸出 WebP，可以優先使用；若工作流程仍以 JPEG 或 PNG 為主，也可以在上傳前利用可信任的壓縮工具轉換。

Google 圖片搜尋目前支援 JPEG、PNG、WebP、SVG、AVIF 等常見格式，完整清單可參考Google 圖片 SEO 官方指南。

圖片檔名應該怎麼取？

相機與截圖工具常產生以下名稱：

IMG_8532.jpg
Screenshot-2026-08-27.png

這些檔名無法直接說明圖片內容。上傳前可以改成簡短、具描述性的名稱，例如：

wordpress-media-library.webp
wordpress-image-alt-text.webp

建議使用小寫英文字母，單字之間以連字號分隔，不要加入空格、括號或過長句子。同一篇文章有多張步驟圖時，可以加入簡短編號：

wordpress-image-upload-01.webp

Google 表示，簡短且具描述性的檔名能提供圖片主題的輕微信號，但檔名只是其中一項資訊，不需要重複堆疊大量關鍵字。

Alt 替代文字是什麼？

Alt 替代文字用來描述圖片的內容或功能。當圖片無法載入，或讀者使用螢幕閱讀器時，Alt 可以協助理解圖片傳達的資訊；搜尋引擎也會結合 Alt、頁面文字與其他訊號理解圖片。

例如，文章中的圖片是 WordPress 媒體庫畫面：

不建議：

圖片
WordPress WordPress教學 圖片SEO 網站圖片

較合適：

WordPress 媒體庫顯示已上傳的文章圖片

Alt 應描述讀者看不到圖片時所缺少的資訊，不必使用「這是一張……的圖片」作為開頭，也不要把整篇文章的關鍵字全部塞進去。

若圖片只是裝飾線條、背景或沒有傳達資訊，可以將 Alt 留空。WordPress 的圖片區塊文件也建議：有意義的圖片應提供描述，純裝飾圖片則可使用空白替代文字。

Alt、標題、說明文字及描述有什麼不同？

欄位	用途
Alt 替代文字	描述圖片內容或功能，主要用於無障礙及圖片理解
標題	協助在媒體庫辨識圖片，是否顯示取決於使用方式
說明文字	通常會顯示在圖片下方，補充來源或背景
描述	保存較完整的媒體說明，部分佈景主題可能顯示

圖片來源、作者或授權資訊適合放在說明文字，不應全部塞進 Alt。WordPress 的媒體編輯說明也將這四個欄位分成不同用途。

圖片上傳後應選哪個尺寸？

插入圖片時，WordPress 可能提供縮圖、中型、大型及完整尺寸。選擇時應以實際顯示需求為準：

• 小型輔助圖片：縮圖或中型
• 一般文章插圖：中型或大型
• 橫跨內容區域的圖片：大型
• 需要查看細節的操作截圖：大型或適當連結原圖
• 不應習慣性使用完整尺寸

文章區域只有 900 像素寬時，通常沒有必要載入寬度 4000 像素的原圖。選用接近顯示寬度的版本，可以減少不必要的下載量。

WordPress 圖片優化實際流程

每次上傳圖片前，可以依照以下流程：

1. 裁掉與教學無關的空白區域。
2. 依文章版面縮小圖片尺寸。
3. 選擇 JPEG、PNG 或 WebP 格式。
4. 壓縮圖片並檢查文字是否仍清晰。
5. 將檔名改成簡短且能描述內容的英文。
6. 上傳至 WordPress 媒體庫。
7. 填寫符合該文章情境的 Alt 替代文字。
8. 插入文章時選擇合適的圖片版本。
9. 使用手機預覽，確認圖片沒有變形或超出版面。
10. 發布後檢查頁面載入及圖片顯示。

檔案容量沒有適用所有網站的絕對數值。普通文章圖片可先嘗試控制在數百 KB 以內，但操作截圖、小圖示及高細節攝影作品的需求不同，應以實際清晰度及載入表現判斷。

已上傳的大圖怎麼辦？

如果網站已累積大量未壓縮圖片，不要直接從伺服器刪除原檔或批次改名，否則文章中的圖片網址可能失效。

較安全的方式是：

1. 先完成網站及媒體檔案備份。
2. 從近期流量較高的文章開始處理。
3. 使用圖片優化外掛壓縮既有媒體。
4. 批次作業前先測試少量圖片。
5. 確認縮圖、文章圖片及備份皆正常。
6. 再逐步處理剩餘媒體。

Alt 替代文字則建議優先補在重要文章、教學步驟圖及具有資訊意義的圖片，不需要替純裝飾圖片撰寫無意義的描述。

FAQ

圖片上傳 WordPress 前一定要壓縮嗎？

建議先壓縮，尤其是手機照片、相機原圖及大型 PNG。適當壓縮通常能明顯減少容量，又不會影響一般網頁閱讀。

WebP 一定比 JPEG 小嗎？

不一定。結果會受到圖片內容、畫質設定及壓縮工具影響。轉換後仍應比較實際容量與畫質。

每一張圖片都要填 Alt 嗎？

具有內容或功能的圖片應填寫；純裝飾圖片可以留空。重點是協助無法看見圖片的讀者理解內容。

修改媒體庫的 Alt 會同步到舊文章嗎？

不一定。媒體庫中的 Alt 可作為之後插入圖片的預設值，但文章區塊內已設定的 Alt 可能需要在該篇文章個別修改。

圖片已上傳後可以更改檔名嗎？

WordPress 後台通常不會直接更改實體檔名。任意改名也可能造成舊圖片網址失效，建議在上傳前完成命名。