降低圖像高度而不會丟失質量

Question

我有一個文本標誌圖像在大小2500 x 1316像素的Photoshop中。文字非常清晰，清晰。我必須把它放在網站上，標識的高度應該在40px - 50px左右。當我將Photoshop中的圖像尺寸更改爲45px時，在網站上應用時會變得模糊。 有沒有辦法將高度降低到45px，仍然保持圖像的質量？這樣它的易讀性？ 我已經嘗試過Bicubic Sharper但結果相同。

Answer 1

我認爲你的問題是你縮小到一個低維度，然後在網頁中，你使它變大，它變得模糊不清或有其他問題。

我的建議是：simply use the original image in the web page without scaling and make sure aspect ratio is not changing in the web page

通常情況下，質量還是不錯的，當你縮小而不是擴大。

檢查this和this。原始大小是6000*6000和4500*4500但谷歌的質量是完美的沒有任何模糊。

另外，保存徽標時，請確保它是未壓縮的類型，比如.bmp不.jpg

Answer 2

試着在photoshop上使用更大的圖像，如果是文本，只需將其設置得更大一些，但如果有圖像，則應該找到更大的圖像。

Answer 3

一個正確創建的標誌不應該被操縱的光柵圖形。如果您想要以這種降低分辨率的方式獲得清晰的結果，那麼您最好能夠確定徽標的原始矢量版本。

此外，當圖形從2500縮小到50px時，圖形將不會變得「清晰」。對於細節保留來說，這只是太多的減少。