圓形裁剪圖片

使用這個圓形裁剪圖片工具，把照片、標誌或螢幕截圖裁成完美圓形或可調整的橢圓，並儲存為透明 PNG。在圓形遮罩內拖曳圖片以決定保留哪一部分，放大直到主體填滿畫面，需要的話加上圓環，然後下載可用於頭像、團隊頁面、Podcast 封面或簡報的成品。

全部處理都在瀏覽器中透過 HTML canvas 元素完成。照片在本機解碼、本機遮罩、本機匯出，因此永遠不會上傳到 miniwebtool；沒有佇列、沒有浮水印，除了您自己裝置的記憶體外也沒有上傳限制。

可以用它做什麼

主要功能

• 拖曳構圖，捲動或雙指捏合縮放：遮罩固定不動，照片在後面移動，這與頭像編輯器的操作相同。
• 顯示裁切區域：被去掉的像素會以半透明殘影留在預覽中，方便判斷是否裁掉了耳朵或肩膀。
• 圓形或橢圓：高度對寬度滑桿可以把圓變成橫向或直向橢圓，匯出畫布會跟隨同一形狀。
• 旋轉與鏡像：以 90 度為單位糾正橫拍的手機照片，鏡像則把自拍翻回正確方向。
• 圓環邊框與羽化邊緣：依輸出像素加上彩色圓環，或柔化邊緣，讓頭像融入背景。
• 透明 PNG、WebP 或 JPG：PNG 和 WebP 可讓四角保持空白，JPG 則用所選顏色填滿四角。
• 頭像尺寸預設：一鍵選擇常見的 320、400、512、640 和 800 像素頭像尺寸。
• 可複製的 CSS：片段用 border-radius 和 object-fit 在網頁上重現同樣的圓形頭像。

如何將圖片裁成圓形

1. 載入照片：把檔案拖到放置區，選擇選擇圖片，或用 Ctrl+V 貼上已複製的圖片。
2. 框選主體：在預覽區內拖曳以移動照片，並用縮放滑桿、滾輪或雙指捏合手勢調整大小。填滿遮罩會重設為剛好鋪滿遮罩的最緊裁切，完整顯示照片則把整張照片放進遮罩內。
3. 選擇形狀：保持圓形，或切換到橢圓並設定高度對寬度比例。
4. 修飾邊緣：設定圓環及其顏色，用羽化柔化邊緣，並選擇透明或純色背景。
5. 檢查小尺寸預覽：查看預覽區下方的 128、64 和 32 像素版本，如果臉消失了就再放大一些。
6. 匯出：選擇輸出尺寸和格式，然後點下載圓形圖片。

以圓形顯示的頭像尺寸

大多數平台接受方形上傳，再用 CSS 套上自己的圓形遮罩。匯出已經是圓形的 PNG 對網站、文件和簡報仍然有用，也能讓您精確控制遮罩落在哪裡。以下是穩妥的上傳尺寸：

圓形遮罩是如何繪製的

照片會依輸出尺寸繪製到畫布上，然後將畫布合成模式切換為 destination-in，再在其上填滿一個橢圓。只有橢圓下方的像素會保留；其餘全部變為完全透明。當羽化大於零時，橢圓會用徑向漸層而不是純色填滿，因此 Alpha 值會逐漸下降，邊緣淡出而不是停在硬邊上。如果加上了圓環，會在之後描邊，這樣就不會被遮罩擦掉。

因為圓內接於被裁切的正方形，圓形結果始終大約覆蓋正方形面積的78.5%，失去的就是四個角。這就是人像通常需要稍微放大的原因：頭頂和肩膀正好落在會被去掉的四個角上。

讓 32 像素下依然可用的裁切技巧

• 用臉填滿圓。頭頂留一點邊，讓肩膀伸出邊緣；全身照會變成無法辨認的小點。
• 把眼睛略放在中心偏上。臉正好置中時，看起來會像在往下沉。
• 盡量用簡潔、對比強的背景。頭後面瑣碎的細節，頭像縮小後會變成視覺雜訊。
• 不要放大。如果原圖只有 200 像素寬，匯出 800 像素只會變糊；請依框選後的原圖尺寸或更小匯出。
• 深色介面請加圓環。百分之一到百分之二的白色圓環，能避免深色照片融入深色聊天側欄。

常見問題

我的照片會上傳到伺服器嗎？

不會。檔案由瀏覽器透過 FileReader API 讀取，繪製到 HTML canvas 上並在那裡做遮罩。不會傳送到 miniwebtool，因此即使關閉分頁，圖片也留在您的裝置上。這也意味著頁面載入完成後，在慢速網路上工具仍可繼續使用，除了您自己裝置的記憶體限制外，沒有上傳佇列或檔案大小限制。

如何讓圓外區域保持透明？

將背景設為透明，並選擇 PNG 或 WebP 作為輸出格式。只有這兩種格式會儲存 Alpha 通道。JPG 完全沒有透明度，因此圓周圍的四個角會用背景色填滿；當您選擇 JPG 時，工具會自動把背景切換為純色。

為什麼上傳後圓形頭像看起來還是方形？

有些網站在重新編碼上傳檔案時，會把透明度壓到白色或深色背景上，透明的四個角又會重新露出來。如果遇到這種情況，請把背景色改成與網站相符，而不是使用透明；或者上傳方形原圖，讓網站自己套上圓形遮罩——大多數社交網路都是用 CSS 這樣做的。

圓形頭像應該用多大尺寸？

512 × 512 像素幾乎適合所有頭像，因為網站會縮小較大的圖，但絕不會給過小的圖補上細節。常見目標是：X 和 LinkedIn 用 400 像素，Instagram 用 320，Discord 用 512，WhatsApp 用 640，YouTube 用 800。使用「輸出」區域中的尺寸預設，把縮小交給網站來做。

可以裁成橢圓而不是正圓嗎？

可以。將形狀切換為橢圓，並移動高度對寬度滑桿。低於 100% 得到橫向寬橢圓，高於 100% 得到適合頭肩照的直向橢圓。輸出畫布會跟隨形狀變化，因此寬 512 像素、比例 130% 的橢圓會匯出為 512 × 666 像素。

圓形裁剪會降低照片品質嗎？

裁剪本身只去掉圓外的像素；匯出 PNG 時不會對留下的部分再次壓縮，PNG 是無損的。只有在輸出尺寸大於原圖被框住的區域時品質才會下降，因為瀏覽器必須放大；或者您選擇了有損的 JPG 或 WebP。在較小的原圖上縮放到大約超過 100%，通常就是結果變糊的原因。

可以開啟和儲存哪些檔案類型？

您可以開啟瀏覽器能解碼為圖像的任何檔案，通常包括 JPG、PNG、WebP、GIF、BMP、AVIF 和 SVG。動畫 GIF 會按單一靜態影格裁剪。下載預設是 PNG，也可在格式清單中選擇 WebP 和 JPG。