WordPress 圖片壓縮破壞畫質!後台設定壓縮率保護作品


在使用 WordPress 這套內容管理系統(Content Management System,簡稱 CMS)時,你是否想過上傳(Upload)網站的照片曾經被動過手腳?每當你看著自家網誌的照片時,是不是總搔頭納悶著螢幕上的作品好像跟從影像處理軟體中看到的畫質相差甚多?

其實這兩個問題的答案都是:「YES」。

前幾天恰好聽到一位攝影師朋友在抱怨好圖床難找,他發現上傳到 WordPress 主機的攝影作品都會變得醜醜。於是他問說有沒有哪一個商業圖床(例如:Flickr[2])可以放置攝影作品,而且影像畫質還可以保持極佳狀況。

這位朋友打算用外連的方式,將圖床相片導入網站文章中做影像展示。我們這群朋友都覺得他真是一位相當用心認真的攝影師,竟然連這種細節都考慮到。要我說客戶群會在意的應該也沒幾個人吧?(謎之聲:這傢伙連手機相片都拿來寫文章寫得很開心了。)

其實追根究柢下來,WordPress 在你上傳照片的同時就已經「順手」做了在我看起來是非常多餘的動作:「影像壓縮」,而且壓縮等級預設是 90%

90%,一般有在接觸攝影的人肯定曉得這個數值代表什麼意義。基本上這個壓縮等級也差不多是我對一張攝影作品的容忍極限。

市面上常見的影像處理軟體(例如:Photoshop 或是 Corel 公司的 Photopaint)在我們做完影像後製後的影像輸出時,基本壓縮率大多設定在 80%。

如果你又沒特別注意這項參數,那最後輸出的照片已進行過破壞性壓縮,也代表畫質無法回逆。

於是當你上傳 WordPress 照片 ,又被自動壓縮 90% 後,就只剩下原圖畫質的 72%,這可就遠低於一般人能接受的壓縮等級。

或許 WP 的目的是出於好意,為的是增加網路使用效率以及網頁載入速度,但是身為一名手工愛好者來說,WP 沒有提供自主設定的選項就該被人打屁股了。

幸好這個問題是可以解決的,接下來就讓我們把這個 90% 的壓縮率調整成 100% 無壓縮上傳吧!

讓 WordPress 照片上傳保有 100% 畫質

第一步驟,登入 WordPress 後台;

第二步驟,先後點選左側工具列中「Appearance(外觀)」以及其下的「Editor(主題編輯器)」。這時候在畫面右方會開啟「Edit Themes(編輯佈景主題)」頁面。

小提示:我建議把程式貼在文件最上面一段即可。記得按下「Enter」鍵打開一行空白再貼上。另外嚴禁放在 { 與 } 符號之間,或是 /* 與 */ 符號之間。要不然輕則程式功能無作用,重則網站內容變成一片空白。

第三步驟,在「Edit Themes」右方(也就是整個螢幕最右側)有一直列「Templates(外觀)」選單,從選單中找出「Functions.php」這個檔案,它有時會以「Theme Functions(佈景函式庫)」名稱顯示,指的都是同一個檔案。

第四步驟,點開「Functions.php」,這時候檔案內容會在「Edit Themes」下方的文字框中顯示出來,文字框本身是可以編輯的區域,所以接下來請小心操作(正常來說都要加註警語,告知你們得先備份檔案。不過連我自己都懶得備份了,所以只要小心操作即可)。

第五步驟,將下面這行程式碼複製並貼入文字框中的空白處。

add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );

第六步驟,按下「Update File(更新檔案)」按鈕完成存檔後,即可讓我們往後可以 100% 原汁原味的照片上傳到 WordPress 圖床囉!

隨意調整上傳圖片的壓縮等級

如果你很在意自己主機的效率,那麼反過來思考,拉高影像的壓縮等級倒也是一個方法(我個人很龜毛的不建議)。

請重複上面步驟一到四,並在步驟五的操作中,將需要貼上的程式碼置換成下方這條即可:

add_filter( 'jpeg_quality', create_function( '', 'return 75;' ) );

其中 75 指的是 % 壓縮率,如果你有興趣可以玩玩看 10  這個數字(出事不要找我)。

功能更新後的注意事項

在我們完成上面的設定後,雖然可以讓往後上傳的照片以 100% 無壓縮的方式上傳,並存放在 WordPress 主機中,但是這個動作並不會對過去上傳的舊照片進行任何變更。換言之,你以前上傳的照片還是以 90% 的壓縮率而存在主機上。

我自己的解決方式是安裝「Regenerate Thumbnails[1]」這套 WP Plugin(外掛程式),讓 WordPress 對所有媒體櫃中的照片重新算圖,不僅可以依「設定」→「媒體」中的圖片尺寸重新調整影像尺寸,甚至可以重新調整照片的壓縮等級。

只是誠如我先前所說,WordPress 是以一種破壞性壓縮的技術在壓縮照片,重新算圖其實沒有意義,因為無法還原成 100%。但如果你是打算採取更高壓縮效率,重新算圖後便能將原本 90% 的圖片調整成你設定的壓縮等級。

延伸閱讀:
  1.  Regenerate Thumbnails.
  2. 臉書Facebook, Flickr及Picasa在秀照片時的差異
分享這篇文章:

使用 Email 訂閱 最新消息不漏接

我們尊重您的隱私,隨時可取消訂閱。

留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *