2012-06-25 45 views
2

我有一位客戶堅持在他的網頁上顯示「清晰」的圖像。他給我的一張圖像寬度爲2592像素,但頁面寬度僅爲940像素。沒問題,我只是使用Photoshop調整圖像大小,但質量明顯下降,很多鋸齒狀邊緣。調整大小的三分之一時,我期望質量下降,但我認爲我可以做得更好。所以我所做的就是拍攝原始圖像並讓瀏覽器(Chrome)將其大小調整爲940像素寬。是的,我知道這是絕對最糟糕的事情,但我只是在試驗。事實證明,瀏覽器在調整大小方面比Photoshop做得更好 - 我沒有看到鋸齒狀的邊緣,而且圖片看起來與原始質量相當接近。調整圖像大小 - 瀏覽器vs Photoshop

那麼這裏的交易是什麼?爲什麼Photoshop不如Chrome那樣調整大小(IE8和Firefox也做得如此出色)?我試過調整Photoshop的重採樣選項,但沒有看到真正的區別。

+0

在Photoshop中的圖像大小彈出窗口中,有一個在與選項(近鄰,雙三次等)底部的下拉列表..你嘗試過不同的選項呢? – Ben

+0

在Photoshop中縮小圖片時,您應該不會有質量損失(如果您正確地使用它)。保存時可能會失去質量。 保存圖片時,Photoshop會提供您想要保存圖片的質量選項。確保你選擇的是最高的 – Shenaniganz

回答

0

可以如TimThumb嘗試使用基於瀏覽器的腳本:http://code.google.com/p/timthumb/

你真的需要調整圖像,而不是縮小了巨大的圖像只是爲了顯示。這個腳本將創建不同大小的圖像副本,如果我沒有記錯,它甚至會支持某種緩存。

我已經調整了非常大的圖像爲我縮小非常小的縮略圖,它總是看起來很清晰。

+0

這不是一個壞的解決方案,但是我的結果與Photoshop相媲美。 – azrob68

0

Photoshop和Web瀏覽器處理調整大小的方式不同。我不使用Photoshop,所以我不能幫助你..

但是,如果你想讓圖片看起來像通過網頁瀏覽器調整大小,然後調整大小與網頁瀏覽器!截圖並剪切調整大小的圖片,創建另一個您可以在網站上真正使用的圖片。

+0

我已經嘗試過這種方法。它工作得很好,但我希望在Photoshop中有更簡單的方法。 – azrob68

1

有幾個不同的東西在Photoshop中縮放圖像時要考慮到:


1)文件類型+壓縮

你會希望確保如果您使用帶有有損壓縮(即JPEG)的文件類型,並將品質設置爲8以上,或者您將看到明顯的質量下降。

2.)重新取樣方法

Photoshop中提供瞭如何影響按比例縮小時像素被組合幾種不同的重採樣方法。以下是一些圖片的鏈接,說明縮放時可以修改的位置。

圖像 - >圖像大小...

http://cl.ly/3W3M0b3W3H0G1Y452L15

有這個窗口底部的下拉菜單:

http://cl.ly/0o463J2J0e2L1u0C1U26

很有可能你遇到的您的圖像是使用「最近的鄰居」或「雙線性」重新採樣的。


給它一個去。

+0

我試過PS提供的每個重採樣選項。即使在Photoshop中,結果看起來也是鋸齒狀的。這是在被保存爲JPG/GIF/PNG之前。 – azrob68

+0

請問您可以發佈圖片鏈接嗎?而你使用PS調整大小的那個。我會放棄並評論我的結果。 – teh1

+0

當然,請看這裏: http://www.360degreedigital.com/test/index.php 第一幅圖像是全尺寸,2592 x 414. 第二幅圖像瀏覽器調整大小爲940 x 150。 第三圖像是Photoshop的調整大小到940×150,保存爲PNG-24非隔行圖像。 放大並注意在建築物的峯頂線......這就是我可以很容易地看到其中的差別。坦率地說,我無法在100%變焦時看出太大的區別,但客戶說他可以......他必須有一臺非常棒的顯示器。 – azrob68

相關問題