2013-04-03 218 views
1

我正在運行一個WordPress版本3.4的WordPress網站(因此使用現在已棄用的「image_resize」功能),我發現WordPress的圖像大小調整功能對於質量。似乎沒有任何關於這個問題的網絡(如果我錯了,請糾正我)。WordPress的圖像大小調整降低圖像質量

我的客戶端上傳的圖片可能相當大,所以我想使用緩存技術的圖片大小調整功能,以便訪問者下載所需的圖片不會太長。但是當我使用的圖像大小調整我發現質量顯著減少,即使設置爲100

這裏$ jpeg_quality參數是質量差的一個例子:

Image Quality Example

除了從StackOverflow可能由於處理圖像而增加的模糊性來看,主要區別在於顏色的活力。左側的圖像是原始上傳圖像到WordPress網站,其原生寬度約爲800像素。它已經在HTML中手動調整到200像素寬。在右邊的圖像在圖像已達到100%JPEG畫質調整由WordPress的調整大小的方法爲200個像素,使用下面的代碼:

image_resize("/path/to/image", 200, 0, false, null, null, 100); 

誰能解釋這是爲什麼看那麼差,而我所能要解決它嗎?

+0

*「除了StackOverflow可能添加的模糊性* * imgur,而不是StackOverflow。 – Kermit

+1

此問題可能更適合http://wordpress.stackexchange.com/ – Kermit

+0

原始JPEG文件是否具有嵌入的顏色配置文件?如果調整大小代碼不能正確處理,則可能會解釋顏色變化。 –

回答

3

根據我們迄今爲止的討論,我會說你正在經歷類似於this earlier question中提到的效果,但我不知道你的WordPress 3.4安裝是否會在下面使用GD。

基本上,發生的事情是,您的圖像具有嵌入的Adobe RGB顏色配置文件,這對於他們來說是(完全合理的),即使他們已經上網。您可能需要記住,如果在瀏覽器中查看圖像時並不尊重這種顏色管理,則可能需要see some surprising results,並且通常看起來建議仍然是將sRGB用於網頁。

我猜你的WordPress 3.4安裝使用的大小調整過程並不考慮顏色配置文件 - 實際上可能忽略它 - 這就是爲什麼顏色在調整大小期間會發生損壞的原因。實際上,它輸出的圖像應該仍然在Adobe RGB空間中,但是會丟棄顏色配置文件,因此圖像會在sRGB中重新解釋,這就使得圖像看起來更加靜音。

有兩種選擇,我會說:

  • 查找到某種調整的過程中,尊重圖像的色彩配置文件(如較早討論的問題,提升了GD庫,如果這就是使用什麼,或者切換到基於ImageMagick的解決方案)。我沒有嘗試過,但是如果你可以在你的服務器上安裝ImageMagick,它看起來像this WordPress plugin將允許你使用它來非常輕鬆地調整圖像大小。它特別提到在調整大小時尊重顏色配置文件。

  • 看看在sRGB色彩空間中導出圖像是否解決了調整大小的問題。這可能是最簡單的解決方案,並且如果我認爲正在發生的事情可能會起作用。雖然圖像很可能最終沒有嵌入顏色配置文件,但是幾乎所有看到它們的都會認爲它們是sRGB。

+0

這工作。我用sRGB配置文件導出了原始圖像,並且結果更準確(我擁有擁有MacBook Pro Retina顯示屏的額外問題,無論如何都會使圖像看起來很差)。至於提到的WordPress插件,我還沒有嘗試過。在客戶端服務器上安裝ImageMagick可能會很困難,因爲它價格便宜,我懷疑我能夠訪問命令行。現在,我只是教育我的客戶如何準備他的網站圖像。再次感謝你的幫助。 – shennan