1. 首頁
  2. »
  3. Photoshop
  4. »
  5. WebPShop!讓Photoshop支援WebP格式,與儲存無損壓縮的WebP影像格式

WebPShop!讓Photoshop支援WebP格式,與儲存無損壓縮的WebP影像格式

2022/04/29

梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
  目前在網路上最常被使用的影像格式,不外乎就是jpg其次才是png與webp,雖然說png的格式,影像相當的漂亮甚至還支援半透明背景,但唯一最大的缺點就是檔案相當的大,而圖片畫質又與檔案大小,習習相關,想要照片畫質壓縮比就不行太高,相對的檔案就愈大,因此有時則需訣擇一下,到底那個壓縮比是你可以接受的。

因此就在2010由Google大神所推出一個新型的圖片格式為WebP,而WebP最強大的地方就在於,除了能保有高畫質且又可以有效的減少檔案的大小,因此若有用Google PageSpeed測試過的朋友,應該會發現到Google官方也會建議,網站中的圖片改用WebP,甚至像Cloudflare當開啟它的圖片暫存時,也會將照片重新編譯為WebP,雖然說WebP相當的強大,但一開始只能透過指令的方式,將檔案轉存成WebP。

對於許多設計師而言,還真是頗有難度的,但就在2022年初,終於有釋出Photoshop外掛套件,讓Photoshop不但支援WebP格式,甚至還可將檔案另存為WebP,因此要怎麼來安裝這個套件,現在就一塊來看看囉!!


Photoshop WebP外掛
Step1
首先在進入WebP的外掛頁面後,從下方選擇目前電腦的平台。
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
Step2
無論你是MAC還是Windows,當下載完畢解壓縮,再把檔案放在PhotoshopPlug-ins底下。
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
Step3
接著重啟Photoshop,當在另存新檔時,在下拉選單中,就會看到WebPShop
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
Step4
若你是MAC的朋友,會看到這個警示畫面。
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
Step5
這時開啟安全性與隱私權,將剛剛安裝的外掛強制允許
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
Step6
完成後,再執行一次,這樣就可開啟WebShop的控制面板,而這工具操作很簡單,只需要設定壓縮比例就可以了,其它不用作任何的設定。
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式
Step7
當儲存完畢後,梅干也用Photoshop的儲存為網頁用的JPG,並將壓縮比設為一樣,可看到jpg的檔案大小足足大了快一倍,但二者的效果,幾乎完全看不出來,因此身為網頁設計師的你,也趕快來安裝一下囉!
梅問題-Adobe Photoshop外掛!讓Photoshop支援WebP格式,與儲存無損壓縮的webp的檔案格式