網頁設計實用技巧

如何使用Photoshp來進行裁圖/縮圖?

分享到 Facebook
步驟一、開啟Adobe Photoshp軟體。


步驟二、選擇要編輯的圖片
點選『檔案』,開啟檔案『圖片範例』。



步驟三、裁下所需要的圖片區塊
1、使用左方工具列→『 標準選取工具 』。 



2、用滑鼠拉選所要的圖片範圍(畫面虛線顯示的區塊)。

四個角落的『 』,可用滑鼠調整所要的圖片範圍。



3、調整好所要的圖片範圍後,請在所要的圖片範圍上按滑鼠右鍵,選擇『 截切 』,即完成裁圖。




4、裁圖作業完成圖




步驟四、縮小圖片尺寸大小
1、點選功能列的『影像』→『影像尺寸』。 




2、寬度設定為「530」「像素」(寬度請勿超過530像素,才不會破版),按下確定。

記得勾選強制等比例,這樣圖片調整後才不會變形喔!
 


3、完成圖




步驟五、縮小完圖片後,接下來就是壓縮圖片囉!適當的壓縮圖片可以節省網站空間的容量喔。
1、點選功能列的『檔案』→『儲存為網頁用』。 




2. 圖片建議儲存為『JPEG』格式,影像品質較佳,適當的壓縮圖片可以節省網站空間的容量喔。(品質數值越大,影像畫質越高,但是適度的壓縮肉眼是無法觀察出差距的,卻可以節省網路開間的容量喔,建議品質數值設為80。)
3. 顯示您欲儲存後圖片的:檔案格式、檔案大小及讀取速度。



步驟六、壓縮後,選擇「儲存」,及欲存放的位置,如「桌面」,輸入檔名確認就完成了喔。



使用軟體:Adobe Photoshop(免費試用連結http://www.adobe.com/tw/products/photoshop.html),大家可到相關網站去下載試用版本喔!