許多朋友在使用 WordPress 建站的過(guò)程中會(huì)遇到一個(gè)問(wèn)題：上傳的圖片在網(wǎng)站上顯示不清晰。
明明是高清圖，上傳前看著非常清楚，但展示后卻模糊了、邊緣鋸齒、細(xì)節(jié)丟失。這是因?yàn)?WordPress 系統(tǒng)默認(rèn)會(huì)壓縮圖片，特別是 JPEG 格式，會(huì)自動(dòng)降低圖片質(zhì)量。

本篇文章分享幾個(gè)方法，幫助保留圖片清晰度，讓網(wǎng)頁(yè)更美觀、專業(yè)。

一、WordPress 默認(rèn)壓縮的原因

從 WordPress 4.5 開(kāi)始，系統(tǒng)會(huì)對(duì)上傳的 JPEG 圖片壓縮至 82% 的質(zhì)量，目的是減小體積，提高網(wǎng)站打開(kāi)速度。

雖然初衷是好的，但結(jié)果往往是：

• 圖片變模糊
• 邊緣不清楚，像素失真
• 在 Retina 高分屏設(shè)備上效果更差

二、方法一：用代碼關(guān)閉自動(dòng)壓縮（適合稍有經(jīng)驗(yàn)者）

使用這段簡(jiǎn)單代碼，可以關(guān)閉 WordPress 的默認(rèn)壓縮行為。

步驟如下：

• 登錄后臺(tái)

• 點(diǎn)擊【外觀】→【主題文件編輯器】

• 找到并打開(kāi) functions.php 文件

• 在最底部添加以下代碼：

// 關(guān)閉 WordPress JPEG 圖片壓縮
add_filter('jpeg_quality', function($arg){ return 100; });

這段代碼的意思是將 WordPress 壓縮率調(diào)整為 100%，保留原圖質(zhì)量。

完成操作后，上傳的新圖片會(huì)保留清晰狀態(tài)。

建議操作前備份一下文件，以防萬(wàn)一。

三、方法二：使用 Imsanity 插件（零基礎(chǔ)推薦）

不熟悉代碼的用戶也可以使用插件來(lái)解決。這里推薦一個(gè)操作簡(jiǎn)單的免費(fèi)插件——Imsanity

Imsanity 有什么作用？

• 自動(dòng)限制上傳圖片的最大尺寸
• 設(shè)置默認(rèn)壓縮比例
• 提供圖形界面，便于調(diào)整設(shè)置
• 避免上傳過(guò)大或模糊的圖片影響網(wǎng)站效果

安裝與設(shè)置流程：

1. 進(jìn)入后臺(tái)

2. 點(diǎn)擊【插件】→【安裝插件】

3. 搜索關(guān)鍵詞：Imsanity

4. 安裝并啟用插件

5. 點(diǎn)擊【設(shè)置】→【Imsanity】，進(jìn)行以下配置：

• 最大寬度：1920
• 最大高度：1080
• JPEG 壓縮質(zhì)量：90 或 100（數(shù)值越大，清晰度越高）

保存后，插件會(huì)在圖片上傳時(shí)自動(dòng)處理，控制大小與質(zhì)量，避免壓縮過(guò)頭導(dǎo)致模糊。

Imsanity 不會(huì)改動(dòng)已經(jīng)上傳的圖片，但支持批量重新處理舊圖。

四、方法三：使用 WebP 圖片格式

WebP 是一種現(xiàn)代圖片格式，優(yōu)點(diǎn)在于質(zhì)量清晰、體積輕便，兼顧畫(huà)質(zhì)與性能。

WordPress 5.8 開(kāi)始支持直接上傳 WebP 圖像。

可以使用以下工具或插件將 JPG、PNG 轉(zhuǎn)為 WebP：

• 在線工具：Squoosh、TinyPNG

• 插件推薦：ShortPixel、WebP Express

WebP 格式適合做橫幅圖、商品圖、文章封面等，瀏覽器兼容性也較好。

五、補(bǔ)充建議：不要使用 WordPress 自動(dòng)裁剪的小圖展示大圖

WordPress 上傳圖片后，會(huì)自動(dòng)生成多個(gè)尺寸（縮略圖、中圖、大圖）。

如果把系統(tǒng)自動(dòng)裁剪出來(lái)的小圖拿來(lái)當(dāng)大圖展示，就會(huì)模糊。

正確做法如下：

• 上傳足夠大的高清原圖
• 在頁(yè)面中使用 HTML 或 CSS 設(shè)置顯示尺寸】

• 避免使用 -300x300.jpg 這樣的壓縮圖作為主圖

六、總結(jié)推薦設(shè)置

方法	操作難度	適合人群
代碼禁用壓縮	中等	有一定經(jīng)驗(yàn)者
Imsanity 插件	簡(jiǎn)單	零基礎(chǔ)使用者
使用 WebP 格式	中等	追求質(zhì)量與加載速度者
避免使用縮略圖放大顯示	簡(jiǎn)單	所有人

七、結(jié)束語(yǔ)

圖片模糊的問(wèn)題，根源在于 WordPress 自動(dòng)壓縮和用戶上傳后未控制尺寸。
從上傳源頭控制質(zhì)量，再配合合適工具管理圖片尺寸，頁(yè)面視覺(jué)效果將更加清晰專業(yè)。

如果你正為圖片模糊而煩惱，不妨嘗試本文中的方法，相信能快速解決你的問(wèn)題。

更多 WordPress 優(yōu)化、圖片處理技巧將在后續(xù)持續(xù)分享，歡迎繼續(xù)關(guān)注！

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息