怎麼壓縮png圖片大小不改變畫素(ps如何壓縮圖片大小但解析度不變)

大家好,這裡是學設計的小豆芽,上一篇文章給大家講到了如何檢視圖片尺寸大小及如何修改圖片尺寸的相關問題,今天和大家聊聊有關圖片壓縮的相關的問題,主要包含以下這4個方面。

1,如何壓縮圖片(jpg/PNG/PSD)

2,如何不改變圖片尺寸,從而對其大小進行有效的壓縮

3,什麼是智慧物件,如何刪格化智慧物件

4,如何保證圖片的清晰度

一,如何壓縮圖片

一般情況下圖片的尺寸越小,其大小(佔電腦或者手機記憶體)就越小。所以壓縮圖片的最快捷有效的方法就是直接改變圖片的尺寸,還是以豆芽用相機拍的這張圖片為例

可以看到原圖的尺寸是5328*4000px,大小為6.7MB(=6860.8KB)。而當我將它的尺寸改成200*150px之後,大小就變成了66.2KB,圖片佔記憶體就小多了有木有。(1MB=1024KB)具體怎麼改圖片的尺寸,上一篇文章中有寫,這裡就不贅述了。

二, 如何不改變圖片尺寸,從而對其大小進行有效的壓縮 (各種格式的圖片壓縮jpg/PNG/PSD)

要想改變圖片的大小,可以通過改變圖片的尺寸來實現。那麼如果不改變圖片的尺寸,能不能有效地對圖片進行壓縮實呢?答案是肯定的。

實際工作中偶爾會遇到一些反常的例子,它會要求在不改變圖片尺寸的情況下,要使圖片的大小變得比之前小,也就是如何在不改變圖片寬度和高度的情況下,而要把它壓縮得佔更小的記憶體,而這通常就要犧牲影象的清晰度(畫質)了。

舉個例子,現在做好了一張800*800畫素的主圖,由於這張圖片的色彩資訊太多,大小有563KB,但一般淘寶店鋪後臺對於主圖大小的要求是不超過500KB的,但同時它的尺寸(畫素)又必須是800*800,那怎麼辦呢?

一般是這樣操作的,在儲存圖片(為jpg格式)的時候,降低圖片的品質度,正常高清的圖片,品質度都選100,這種不得已的情況下就要適當降低了,如此才能讓它不超過500KB,具體操作如下,檔案-儲存為Web所用格式,

看左下和右上我圈出來的地方,一個是圖片的大小,另一個是圖片的品質。品質越低,圖片清晰度越差,圖片就越小,所佔記憶體就越小。

區別就是壓縮過的圖片清晰度會沒有原來那麼好,但寬高尺寸不會具改變,這裡也給大家示範了一下,下面2張圖的寬高尺寸是一樣的,唯一不同的是儲存的時候我選的品質的數值不一樣,為了區別能明顯些,左邊圖片品質填的100,尺寸為154KB;右邊品質填的2,尺寸僅為8.4KB。但可以明顯感覺到右邊影象的畫質就沒有左邊的好,細節損失了不少,噪點也變多了。

所以如何不改變圖片尺寸,從而對其大小進行有效的壓縮,大家應該明白了吧。

以上說的是對jpg圖片進行壓縮的方法,對於PNG圖片的壓縮方法,這裡給大家推薦一個豆芽經常用的PNG圖片壓縮網站

將要壓縮的PNG圖片直接拖到上圖中我圈出來的地方,圖片會自動進行壓縮,壓縮完了直接下載就好了。一般可以壓縮70%左右。

三,什麼是智慧物件,如何刪格化智慧物件

Jpg,Png格式的圖片壓縮都會了,那麼如何對PSD格式的圖片進行壓縮呢?這裡豆芽教大家2招。

除了可以把不必要的圖層該刪的都刪掉之外,還有一個非常重要的方法就是做圖的時候要把置入的智慧物件全部都刪格化。

當公司電腦配置不夠好做圖經常卡的時候,做到這一點就尤為重要,可以解決50%以上的電腦卡頓的問題哦,還有50%優化PS效能的問題之前的文章有寫到——PS的下載與安裝,解決PS卡頓問題——淘寶美工入門課01,感興趣的可以去看看。

那麼什麼是智慧物件呢?舉個例子,如果我現在新建的空白畫布是800*800畫素的,如下圖

現在我從電腦資料夾中將我拍的這張畫素為5328*4000的圖片直接拖到PS中,那麼這張圖片就會變成一個智慧物件,我先把它縮小成200*150畫素,之後無論再怎麼把它放大(只要寬度不超過5328px,高度不超過4000畫素)這張圖片都是清晰的,不會出現模糊的情況。

大家注意到我圈出來的地方沒有,但凡是有這個標誌(有點像書本的樣子)的圖片,全部都是智慧物件(向量圖),也就是縮小之後再放大圖片的清晰度不會受影響(前提是放大的畫素寬高不能超過圖片本身的最大尺寸)。

上圖中第二個小圓圈的右下角沒有智慧對像的標誌就是普通的圖片了,智慧對像刪格化後會變成普通圖層,相反地普通圖層也可變成智慧對像。

所以一般來說PSD裡面如果有很多大尺寸(比如相機拍的原圖)的智慧對像,就會變得相當佔記憶體,所以電腦配置不夠的話就會很卡了。

(如何放大和縮小圖片?快捷鍵CTRL T,同時按住鍵盤上這2個鍵,圖片外圍會出現一個選框,再按住鍵盤的shift鍵不放,同時滑鼠往上右(左下)方拖動選框的右上角即可實現圖片的放大和縮小。好了之後按Ctrl Enter鍵即可,具體操作後續視訊中會演示。)

所以想保證電腦不那麼卡的話,在把智慧物件調整到合適的大小之後將其刪格化即可。就不會佔記憶體了。

那麼如何刪格化智慧物件呢?滑鼠點一下想要刪格化的圖片,然後點選滑鼠右鍵,執行刪格化圖層的命令

分別解釋一下上圖中我箭頭指向的1,2,3這三個命令

1.刪格化圖層

執行這個命令之後,圖片就不再是向量的了,如果再後續再對這張圖片進行放大的話,圖片就會變模糊了。

2.轉換為智慧物件

普通的圖片都可以轉換成智慧物件,比如上圖中的圖片最終調整的大小為200*150px,現在也可以將它轉為智慧物件,這個時候可以將它先進行縮小,再放大,圖片的清晰度不會受影響,但前提是放大的畫素不能超過200*150px,否則就會模糊了。

3.這裡圈出來的是一個智慧對像的圖示,點選這個按鈕,會選中當前PSD裡的所有智慧物件,可以把這些智慧物件全部選中,然後批量刪格化。

豆芽平時做好的詳情頁PSD原始檔大小如果有1G的話,後續整理的將時候會將裡面的智慧物件全部刪格化以節省電腦空間,刪格化之後會變成100M左右,也就是說體積壓縮了極10倍左右,極大程度節約了電腦的記憶體。

當然如果做圖的過程中電腦就很卡的話,可以把置入的智慧物件調整到自己需要的大小之後就可以將其刪格化了,這樣電腦就不會那麼卡了。

注意刪格化之後就不能再將其放大了,如果實在要放大的話,就只能從電腦中把這張圖片原尺寸的圖再拖到PS中調整大小了。

五,如何保證圖片的清晰度

如果一張圖片的實際畫素是800*800px,那麼你在做圖的時候就千萬不能把它的尺寸放大到800*800px以上,否則就會出現圖片模糊,不清晰的問題。

豆芽微信:zhechiqingyan——設計/生活趣事。

公眾號:學設計的小豆芽——乾貨/經驗文章。

好了,今天就和大家分享到這裡了,到我的主頁可以檢視更多相關文章哦!這裡是【學設計的小豆芽】65篇原創文章!我們下期見。每天進步一點點, 和我一起學設計吧!