在網站上或者是Facebook上，常常需要針對特定的圖片位置對圖片裁切，才能完美呈現自己的照片，不過許多人把「縮圖」和「裁切圖片」搞混了。縮圖意指圖片等比例縮小，裁切意指把圖片切到自己需要的尺寸。因此兩個圖片編修方式是不同的。裁切圖片，有很多軟體可以使用，這回來介紹大家比較常使用的「Photoshop」方式進行圖片裁切。

使用Photoshop裁切圖片，除了用傳統的先把圖片縮小到一定比例後，接著拉出一個框框進行圖片裁切之外，其實有更偷懶的方式，完全不用煩惱圖片該怎麼拉大拉小，究竟該縮到多少才能進行裁切？現在只要讓我們新增一個檔案，再把圖片置入之後，依照等比去縮放圖片，就可以搞定圖片裁切這個複雜動作了，快一點的話，大概30秒就可以搞定一張圖片的裁切了，再也不用擔心永遠切不到尺寸或者是變形。

很久以前有介紹過圖片拼貼的教學，可以參考「 [教學]如何拼貼、裁切圖片到指定輪播尺寸？ 」。這回我們不要再用拼貼照片或者是拼圖，直接找一張漂亮的大圖片裁切到我們期待的圖片尺寸，讓網站輪播整個超級無敵霸氣的呈現，不用再扭扭捏捏使用小圖片充當輪播照片囉！

▲ 簡易範例，裁切到600×315 (像素)的照片，此圖片尺寸為Facebook建議縮圖尺寸。

使用工具：Adobe Photoshop。

第1步  首先點選【檔案】→【開新檔案】。

第2步  新增一個空白檔案，「寬度」、「高度」請輸您要的圖片尺寸，後方單位請選擇「Pixels」。「解析度」請輸入72，背景內容可以選擇「透明」，最後點選﹝確定﹞。

• 寬度：您要的尺寸，單位pixels。
• 高度：您要的尺寸，單位pixels。
• 解析度：72
• 背景內容：可選「透明」。

第3步  當我們新增好新的空白檔案後，點選【檔案】→【置入】。

第4步  挑選您要用來裁切的圖片，然後點選﹝置入﹞。

第5步  置入之後，點選鍵盤上的﹝Alt﹞+﹝Shift﹞，接著拖曳四個角或者是移動中心點，達到您需要的範圍與尺寸。MAC 使用者應該是按著﹝Commend﹞+﹝Alt﹞。

第6步  尺寸拉大並布滿整體後，移動整張圖片達到您要的視覺範圍。

第7步  請按下﹝Enter﹞即可固定圖片，完成裁切。

第8步  接著，點選左上角的【檔案】→【儲存為網頁用】，這樣圖片才可以壓小又不會讓圖片失真。

第9步  接著，右上角請選擇「JPEG」(若想透明請選PNG)，JPEG壓縮品質可以選【極高】，然後看一下左下角圖檔是不是很小呢？500K以內為建議值。最後點選﹝儲存﹞即可完成。

第10步  最後，來看一下香腸幫客戶裁切的圖片，並且壓上簡易的文字在右下角，作為簡易浮水印。完工！

※感謝林飛比 提供照片成為示範圖片展示。

相關文章

[教學]如何申請台北捷運誤點證明？

[教學]如何申請除濕機節能補助(退還減徵貨物稅)？

[教學]如何使用花旗信用卡點數折抵帳單？

免用Photoshop！Adobe Express 免費線上圖片裁切服務

[教學]如何用 Chrome 批次把 HEIC轉成 JPG 圖片 ？

免註冊帳號！ChatGPT 開放免費使用並且無任何限制！

Line Mobile 月租24元！中華電信隱藏資費方案(附邀請碼+申請教學)

[教學]GA4 和 Google AdSense 資料串接，輕鬆掌握網站流量和收益報告

菲律賓遊學攻略｜語言學校太多難以抉擇？看這篇就對了！