如何把照片變成圓形：簡單步驟與實用技巧
如何把照片變成圓形
將照片變成圓形，最直接的方法是利用圖像編輯軟體或線上工具，通過裁剪或蒙版功能實現。大多數常見的圖像編輯器（如Photoshop、GIMP）和許多免費的線上照片編輯器（如Canva、Photopea）都能輕鬆完成此操作。
為什麼需要將照片變成圓形？
在網頁設計、社交媒體頭像、應用程式圖標、個人資料頁面，甚至在演示文稿和圖表中，圓形照片都能營造出獨特的視覺效果，增加親和力與藝術感。相較於傳統的方形或矩形照片，圓形輪廓更能吸引目光，並在視覺上顯得更加柔和與現代。
方法一：使用圖像編輯軟體（以Photoshop為例）
如果您熟悉圖像編輯軟體，Photoshop提供了最靈活和專業的編輯選項。
- 打開照片：在Photoshop中打開您想要編輯的照片。
- 選擇圓形選取工具：在左側的工具欄中，找到「矩形選取工具」（通常是第一個選項），長按它會彈出下拉菜單，選擇「橢圓形選取工具」。
- 繪製圓形選區：按住鍵盤上的
Shift鍵（這樣可以確保繪製出正圓而不是橢圓），然後在照片上拖動鼠標，繪製出您想要的圓形選區。調整選區的大小和位置，直到您滿意為止。 - 反向選取：為了保留圓形內的內容並刪除外部，您需要反轉選區。前往「選擇」菜單，然後選擇「反選」（快捷鍵是
Ctrl+Shift+I或Cmd+Shift+I）。 - 刪除背景：按下鍵盤上的
Delete鍵。您會看到圓形選區之外的部分被刪除了，呈現透明背景。 - 儲存為透明背景：前往「檔案」菜單，選擇「儲存為」（或「另存為Web所用格式」）。在儲存選項中，確保選擇支持透明度的格式，例如
PNG。這樣，您就可以保留照片的圓形輪廓和透明背景。
方法二：使用線上照片編輯器（以Canva為例）
對於不想安裝軟體或尋求更快捷方法的用戶，線上工具是絕佳的選擇。
- 訪問Canva：打開Canva網站（www.canva.com），並創建一個新設計，或者打開一個現有設計。
- 上傳照片：在左側菜單中選擇「上傳」，然後將您的照片上傳到Canva。
- 將照片添加到設計中：將上傳的照片拖動到您的設計畫布上。
- 添加圓形框架：在左側菜單中，選擇「元素」，然後在搜索框中輸入「圓形框架」。選擇您喜歡的圓形框架。
- 裁剪照片到框架中：將照片拖動到圓形框架的上方，照片將自動裁剪並填充到圓形框架中。您可以雙擊照片，然後拖動照片在框架內移動，以調整其顯示的部分。
- 下載帶有透明背景的圖片：點擊右上角的「分享」按鈕，然後選擇「下載」。在文件類型中，選擇「PNG」，並確保勾選「透明背景」選項。
方法三：使用手機App（以PicsArt為例）
智能手機上的照片編輯App同樣功能強大，可以讓您隨時隨地進行編輯。
- 下載並打開PicsArt：在您的手機應用商店下載並安裝PicsArt，然後打開它。
- 開始編輯：點擊底部的「+」按鈕，然後選擇您要編輯的照片。
- 選擇「裁剪」工具：在底部的工具欄中找到「裁剪」工具，點擊它。
- 選擇圓形裁剪：在裁剪工具選項中，找到「形狀」或類似的圖標，點擊後選擇「圓形」。
- 調整圓形大小和位置：拖動圓形的邊緣來調整大小，並拖動圓形中心來移動其位置，以選取照片中您想要保留的部分。
- 應用裁剪：點擊右上角的「✓」來應用裁剪。
- 移除背景（可選）：如果需要透明背景，可以尋找「摳圖」或「移除背景」功能。PicsArt通常提供自動或手動移除背景的選項。
- 儲存照片：點擊右上角的下載圖標，選擇儲存到您的設備。如果使用了透明背景功能，請確保儲存為PNG格式。
利用CSS將照片變成圓形（網頁設計應用）
如果您是在網頁上展示圓形照片，CSS是一個非常高效的解決方案，無需事先編輯圖片。
您可以為一個圖片元素應用以下CSS樣式：
img {
border-radius: 50%
width: 200px /* 設置您期望的圖片寬度 */
height: 200px /* 設置您期望的圖片高度，與寬度相同以保證是正圓 */
object-fit: cover /* 確保圖片填充圓形區域而不變形 */
}
說明：
border-radius: 50%：這是將元素變成圓形（或橢圓形，如果寬高不同）的關鍵。當寬度和高度相等時，50%的border-radius會將方形邊角變成一個完美的圓形。width和height：需要設置相等的寬度和高度，以確保生成的是正圓。object-fit: cover：這個屬性非常重要，它告訴瀏覽器如何調整圖片以適應其容器。cover值會讓圖片按比例縮放，裁剪多餘的部分，以確保圖片完全覆蓋整個圓形區域，同時保持其原始的長寬比。
總結
無論您是需要為社交媒體製作個人資料圖片，還是為網頁設計添加視覺元素，將照片變成圓形都非常簡單。您可以根據自己的需求和熟悉程度，選擇使用專業的圖像編輯軟體、便捷的線上工具，或是手機App。對於網頁開發者而言，CSS提供的解決方案更是極具彈性和效率。掌握這些方法，您就能輕鬆為您的照片增添一份圓潤的美感。
