指南/疑難排解/針對圖片模糊問題進行疑難排解

針對圖片模糊問題進行疑難排解

網站上呈現的圖片是否畫質不佳或模糊?本指引說明 WordPress 網站的圖片模糊最常見的原因與解決方法。

檢查圖片大小和畫質

如果圖片對於顯示的空間而言太小,畫質看起來就會很模糊。雖然沒有單一的建議圖片大小,但可以參閱我們的圖片最佳化指引,即可了解如何確保圖片大小符合要求,在網站上顯示時能保有良好畫質,但又不會太大而導致網站速度變慢。

如果圖片看起來很模糊,請上傳畫質較高、較大的圖片檔案,並確認畫質是否有改善。

💡

你可以縮小畫質良好的圖片檔案,但縮小畫質不佳的圖片檔案無法維持良好畫質。

如果已上傳較大、較清晰的圖片,卻仍無法改善已上線網站上的圖片外觀,原因可能如下列所述。

檢查你的網路連線

如果網路連線速度極慢,可能是以較低畫質下載圖片,導致圖片看起來畫質模糊。請嘗試使用其他更快的連線方式載入網站,確認這樣圖片的畫質是否較好。

切換 Jetpack CDN

本節指引適用於使用 WordPress.com 商用版和電子商務版方案,以及舊版專業版方案的網站。如果你有商用版方案,請務必啟用該方案。若是採用免費、個人版和進階版方案的網站,只要升級方案,即可存取此功能。

所有 WordPress.com 網站皆可存取 Jetpack,Jetpack 提供許多安全性、成長和效能的功能。外掛程式啟用方案中的網站可享有額外的 Jetpack 功能,包含用來加快網站載入時間的內容傳遞網路 (CDN)。CDN 是加快網站速度並強化訪客使用者體驗的熱門推薦功能。

Jetpack 作為 CDN 的一部份,會自動壓縮已上傳至 CDN 的圖片,藉此確保能快速載入圖片。在大多數情況下這是好事,因為通常可以大幅縮小圖片,畫質上沒有任何明顯差異。但這有時會導致圖片畫質模糊或不佳,通常是因為安裝了其他外掛程式,或與第三方佈景主題互相衝突。

在啟用外掛程式的網站上,請依照下列步驟,測試 CDN 是否會造成網站圖片以較低畫質顯示:

  1. 前往網站儀表板。
  2. 前往「Jetpack」→「設定」。
  3. 按一下標示為「效能」的分頁。
  4. 向下捲動至「效能和速度」區段。
  5. 將「加速圖片載入時間」的按鈕切換為關閉。
Jetpack 效能的「效能與速度」區段,有一個箭頭指向「加速圖片載入時間」選項。
圖片載入時間

如需 CDN 的進階開發人員選項,請參閱如何使用勾點來管理 Jetpack CDN 功能的指引

佈景主題變更

從 WordPress.com 佈景主題切換至其他佈景主題時,我們採取各種措施來提供流暢圖片體驗。不過,有些第三方佈景主題沒有類似措施,因此在切換至這些佈景主題,或從這些佈景主題切換至其他佈景主題時,可能會對圖片造成影響。

若你最近切換了網站的佈景主題,也發現上傳到新佈景主題的所有圖片看起來都還不錯,但上傳到先前佈景主題的舊圖片看起來卻模糊不清,你可以將舊圖片重新上傳至新佈景主題,讓這些圖片能正確顯示。

如果你使用的是啟用外掛程式的網站,則可以使用圖片重新產生外掛程式來重新產生模糊的縮圖,或如果你是開發人員,也可以使用 WP-CLI。有了這些方法,就不需要再次手動上傳所有較舊的圖片。

外掛程式衝突

有時在網站上安裝新的外掛程式時,可能會造成圖片模糊不清。更新現有外掛程式也可能會造成衝突,進而影響圖片畫質。

嘗試停用外掛程式,確認圖片畫質是否有改善。也可能需要在安裝外掛程式之前還原備份,才能將圖片還原至先前的狀態。

如需針對外掛程式衝突進行疑難排解的詳細指引,請參閱我們的外掛程式問題解決指引

Copied to clipboard!