打開任何一個 WordPress 部落格或形象網站，文章列表上一格一格的封面圖、單篇文章標題上方那張大圖，幾乎都是同一個功能在背後撐著，那就是精選圖片。它不是你寫文章時隨手插進內文的那種圖，而是 WordPress 給每篇文章、每個頁面預留的「專屬代表圖」欄位，用來決定這篇內容在列表、首頁、社群分享時長什麼樣子。
很多人卡關的點不是不會上傳，而是搞不懂兩件事：一是「精選圖片到底要做多大」，網路上一堆文章丟出 1200×630 這個數字卻沒說清楚為什麼，也沒講為什麼你照做了顯示出來還是模糊或被裁掉；二是「設定好了卻沒顯示、或顯示成奇怪的尺寸」，明明圖很大，列表上卻糊成一片。這兩個問題的答案其實是同一套觀念：WordPress 的圖片尺寸是一套「註冊—裁切—套用」的機制，佈景主題才是真正決定顯示尺寸的人。
這篇會先把精選圖片是什麼、跟內文圖片差在哪講清楚，再帶你走一遍設定流程，接著把最關鍵的尺寸觀念拆開講，最後處理「設定了卻不顯示」的常見狀況。看完你會知道該準備多大的圖、為什麼、以及顯示出問題時要往哪裡找。
WordPress 精選圖片是什麼，跟內文圖片差在哪
精選圖片是 WordPress 替每篇文章與頁面內建的一個獨立圖片欄位，用來當這篇內容的代表圖，英文叫 Featured Image，舊版與部分佈景主題也稱為特色圖片或縮圖（Thumbnail）。它跟你在編輯器裡插入的內文圖片，是兩種完全不同的東西。
兩者最大的差別在於「誰來決定它出現在哪、長多大」。內文圖片是你親手放進文章正文的圖，位置、大小都由你在編輯器裡當下決定，圖片就乖乖待在你放的那一段。精選圖片則相反，你只是把圖「指定」給這篇文章，至於它要顯示在文章列表、首頁區塊、單篇標題上方、相關文章、還是 RSS 與社群分享的縮圖，全部由佈景主題的程式碼決定，顯示的尺寸也是主題說了算，不是你上傳的原圖尺寸。
可以這樣理解：內文圖片像是你貼在筆記本內頁的照片，貼哪頁就在哪頁；精選圖片則像書的封面，你只負責提供一張封面圖，至於它被印在書背、書腰、網路書店縮圖還是書展海報上，是出版社（也就是佈景主題）的排版在決定。
這個差別會直接影響你怎麼準備圖。內文圖片你想多寬就多寬，常見落在跟正文同寬的 750 到 800 像素左右；精選圖片因為要被主題拿去套用到多個位置，又要兼顧社群分享，通常得準備一張夠大、構圖留白得當的圖，讓主題不管裁成哪種尺寸都不致出錯。
精選圖片要怎麼設定
在區塊編輯器裡設定精選圖片，入口固定在右側「文章」設定面板的「精選圖片」區塊。如果你右側看不到面板，先點編輯器右上角的齒輪圖示把它打開，再確認上方切到的是「文章」分頁而不是「區塊」分頁。
實際操作步驟如下：
- 第一步、在右側「文章」面板往下找到「精選圖片」欄位，點「設定精選圖片」。
- 第二步、在跳出的媒體庫視窗裡，選一張已上傳的圖，或切到「上傳檔案」拉一張新圖進去。
- 第三步、選好圖後，在右下角填好替代文字（Alt Text），再按「設定精選圖片」。
- 第四步、回到編輯畫面確認縮圖出現在面板裡，發布或更新文章即可。
要更換時，點面板裡那張縮圖就能換成別張；要拿掉則點「移除精選圖片」。換圖後要特別留意，替代文字不會跟著自動更新，得重新填一次，這欄位是給搜尋引擎與螢幕報讀軟體看的，描述圖片內容即可，不用硬塞關鍵字。
WordPress 並沒有強制每篇文章都要設精選圖片，技術上你完全可以發一篇純文字、不掛任何封面圖的文章。但實務上多數佈景主題的列表與首頁版型都預設要顯示封面，少了它那格會留白、補上預設灰底圖、或抓內文第一張圖頂替，版面會不整齊，所以還是建議養成每篇都設的習慣。
如果你翻遍右側面板就是找不到「精選圖片」這個欄位，那通常不是你眼花，而是佈景主題沒有開啟這項支援，這點留到後面排錯時一起講。
為什麼大家都說 1200×630，這個尺寸到底是怎麼來的
先給結論：1200×630 像素是目前最通用的精選圖片準備尺寸，但它不是 WordPress 規定的，而是遷就「社群分享縮圖」算出來的數字。理解它的由來，比死記數字更重要，因為知道為什麼，你才判斷得出自己的情況該不該照用。
這個尺寸的核心理由是 Facebook 等社群平台的分享卡片。當你的文章網址被貼到 Facebook，平台會去抓這頁的 Open Graph 圖片（多數 SEO 外掛預設就把精選圖片設成 Open Graph 圖），用 1.91:1 左右的比例顯示成大圖卡片。1200×630 正好落在這個比例上，分享出去剛好填滿、不被裁切。圖片再小，社群平台可能拒絕用大圖卡、改成小縮圖，曝光效果差很多。
第二個理由是清晰度與檔案大小的平衡。現在手機與筆電螢幕的像素密度都偏高，圖太小放到大版位會糊；但圖太大、檔案太肥又會拖慢載入。寬度抓在 1200 像素，是大多數版位都夠清楚、檔案又不至於失控的折衷點。
要注意的是，社群與搜尋引擎抓圖時的裁切比例不一定跟你準備的一樣。Facebook 用接近 1.91:1，有些情境（例如 Google 搜尋的圖片、Google Discover）會抓成接近 1:1 的正方形。所以若你的封面圖上有文字或重點主體，盡量擺在畫面正中央約 1:1 的安全範圍內，左右兩側當裝飾，這樣不管被裁成寬版還是方形，重點都不會被切掉。
至於檔案大小，建議單張壓到 200KB 以內，內容簡單的圖甚至可以更小。上傳前先用壓縮工具處理過，是最該養成的習慣，因為圖片往往是拖慢一個 WordPress 網站的最大元兇，而載入速度又直接牽動使用者體驗與 SEO。現在 WordPress 已支援直接上傳 WebP 格式，同樣畫質下檔案能再小一截，是值得優先考慮的格式。
上傳一張圖，WordPress 其實偷偷生了好幾張
這是大多數教學跳過、卻最關鍵的觀念：你上傳一張精選圖片，WordPress 不會只存那一張，而是會依照「已註冊的圖片尺寸」自動裁切、另存好幾個不同大小的副本。看懂這套機制，前面說的「顯示模糊」「被裁掉」「尺寸不對」幾乎都能解釋。
WordPress 預設就內建幾種尺寸，可以在後台「設定」的「媒體」頁看到並調整：
- 縮圖（Thumbnail）：預設 150×150，預設為硬裁切，會裁成正方形。
- 中（Medium）：預設最大邊 300 像素，等比例縮放不裁切。
- 大（Large）：預設最大邊 1024 像素，等比例縮放不裁切。
- 完整尺寸（Full）：你上傳的原圖，不縮放。
除了這幾個，佈景主題與外掛還會用程式碼「再註冊」自己需要的尺寸，這就是 add_image_size() 這個函式在做的事。例如主題作者可能註冊一個寬 800、高 450、硬裁成 16:9 的尺寸專門給文章列表用，再註冊一個更大的給單篇標題上方的滿版用。每註冊一個尺寸，往後每張新上傳的圖就會多生一個對應副本。
這裡有兩個容易混淆的詞要分清楚。硬裁切（hard crop）是強制裁成你指定的長寬比，多出來的部分直接切掉，好處是同一版位每張圖比例一致、版面整齊，代價是可能切到主體。軟裁切（soft crop）只等比例縮放、不切掉內容，圖片完整但長寬比保持原樣。佈景主題列表那種「每格大小一模一樣」的整齊感，多半就是靠硬裁切達成的，這也是為什麼你的人像封面有時候頭會被切掉一截。
至於佈景主題要先「開啟精選圖片支援」，這張圖片欄位才會出現，靠的是 add_theme_support('post-thumbnails') 這行宣告，正規的佈景主題都會寫好。少了它，編輯器右側就不會出現精選圖片欄位，這正是前面說「找不到欄位」的根本原因。
顯示出來的尺寸是誰決定的，又該怎麼自訂
關鍵觀念是：精選圖片實際顯示多大，由佈景主題「呼叫哪一個註冊尺寸」決定，而不是由你上傳的原圖決定。同一張 1200×630 的圖，在首頁列表可能被主題調用 800 寬的裁切版、在單篇頁面調用 1024 的大版、在側邊欄相關文章調用 150 的方形縮圖，三個位置看到的根本是三個不同副本。
主題在版型程式碼裡是用 the_post_thumbnail() 這個函式來輸出精選圖片的，括號裡會帶一個尺寸名稱，例如 the_post_thumbnail('large') 或主題自訂的尺寸名。它指名哪個尺寸，前台就吐出那個副本。所以當你覺得「列表縮圖太糊」「首頁封面被裁得很怪」，問題通常不在你的原圖，而在主題替那個版位選用的註冊尺寸。
如果你會改主題程式碼，想自訂顯示尺寸有兩條路。一是改「整體預設的精選圖片尺寸」，在子佈景主題的 functions.php 裡用 set_post_thumbnail_size( 寬, 高, 是否硬裁切 )，調整 the_post_thumbnail() 不帶參數時的預設大小。二是新增「特定版位專用的尺寸」，用 add_image_size( '名稱', 寬, 高, true )，最後的 true 代表硬裁切、false 或省略代表軟裁切，註冊好之後在版型裡用對應名稱去呼叫。
這裡有個務必記住的陷阱：add_image_size 與媒體設定的尺寸調整，只對「之後新上傳」的圖片生效。你改尺寸之前就已經在媒體庫裡的舊圖，不會自動長出新副本，所以前台還是抓不到新尺寸、繼續顯示舊的或模糊的版本。解法是裝一支重新產生縮圖的外掛（常見的是 Regenerate Thumbnails），跑一次讓 WordPress 把媒體庫所有舊圖依照目前註冊的尺寸重新裁切一輪。改完尺寸卻沒效果，十之八九就是漏了這一步。
不想碰程式碼的話，多數現代佈景主題（尤其支援全站編輯的版型）會在客製化工具或範本編輯裡，提供精選圖片版位的尺寸與裁切設定，直接在介面上拉就好，不必動 functions.php。
精選圖片設定了卻不顯示，問題出在哪
精選圖片設了卻沒出現、或顯示異常，多半不是 WordPress 壞掉，而是落在幾個固定的源頭。對著下面幾項逐一檢查，通常很快能定位。
佈景主題沒有開啟精選圖片支援。如果連編輯器右側都找不到「精選圖片」欄位，代表主題沒寫 add_theme_support('post-thumbnails')。這種情形常見於極簡的自製主題或老舊主題，換一個正規主題、或在子主題補上這行宣告即可。
版型根本沒寫輸出精選圖片的程式。有時候欄位設得好好的，前台單篇文章卻看不到封面，是因為主題的單篇範本沒有呼叫 the_post_thumbnail()，自然不會輸出。這要從佈景主題的範本檔或範本設定處理。
改了尺寸卻沒重新產生縮圖。前面提過的經典狀況：你新增或調整了圖片尺寸，但舊圖沒有對應副本，前台抓不到只好顯示破圖或模糊版。跑一次重新產生縮圖的外掛就能補齊。
圖片最佳化或 CDN 類外掛攔截。部分加速、CDN 或圖片代理外掛（例如某些 Jetpack 的圖片功能）在特定情境下會讓精選圖片抓不到正確網址而破圖，可暫時停用該功能測試，確認是不是它造成的。
相關文章、社群分享想要「沒設圖時自動補一張」。有些版位（像相關文章區塊或社群分享卡片）在文章沒設精選圖片時就空著或只剩標題。如果你希望這些位置永遠有圖，可以裝「預設精選圖片」類的外掛，指定一張沒設圖時自動頂上的預設圖；也有外掛能把文章內文的第一張圖自動設成精選圖片，省去逐篇手動設定。
封面重複出現在內文最上方。這不是不顯示，而是「顯示太多」：有些主題會在單篇頁面同時輸出精選圖片與內文，若你又在內文開頭手動放了同一張圖，就會看到上下兩張。處理方式是內文別重複放，或依主題提供的選項把單篇頂部的精選圖片關掉，擇一即可。
排錯的順序建議從「欄位在不在」往「前台輸不輸出」再往「尺寸對不對」走，先確認主題支援與版型有沒有呼叫，再回頭處理尺寸與快取，幾乎能涵蓋絕大多數狀況。
把精選圖片準備好，後面省下的是整站的麻煩
精選圖片看起來只是「文章封面」這麼一個小欄位，但它牽動的是列表、首頁、社群分享縮圖、相關文章一整串版位的呈現。把觀念理順後，你會發現所謂的「最佳尺寸」沒有唯一解，1200×630 是遷就社群分享的好起點，但真正決定顯示效果的，是你的佈景主題替每個版位呼叫了哪個註冊尺寸、用的是硬裁切還是軟裁切。
實務上的節奏很單純：準備一張夠大、重點置中、壓到 200KB 以內的圖當精選圖片，每篇都設、尺寸統一；之後若要調整顯示大小，記得改完尺寸一定要重新產生縮圖；遇到不顯示就照「主題支援、版型輸出、尺寸與快取」的順序排查。把這套流程跑順，往後每發一篇文章都不必再為封面圖煩惱，整個網站的視覺也會更一致、更專業。