若要在 After Effects 中將圖片圓角化，可以從 Effect > Stylize 套用內建的 Rounded Corners 效果到素材圖層，並以像素為單位調整 Radius 數值；或者在圖層上繪製一個圓角矩形遮罩，並用該遮罩將其上方的圖片裁剪掉。這兩種做法在從 Render Queue 輸出 PNG 時，都會讓四個角落變成透明，因為 After Effects 寫入 alpha 的方式與其他通道相同。在寬度為 1080 的圖層上使用 50 像素的半徑會產生明顯可見的弧度，而 10 像素在複雜的背景上則幾乎看不出來。如果你的目標是為簡報、網頁 mockup 或社群卡片輸出一張帶圓角的單張 PNG，使用瀏覽器分頁中的 Round Image Corners 工具會更快產生相同的圓角矩形，該工具會保留原始檔案的精確像素尺寸，僅將外側的圓角像素設為透明，最終下載的是完整解析度的 PNG，而非經過完整 Render Queue 匯出的檔案。
為什麼 After Effects 提供兩種圓角做法
After Effects 提供兩種截然不同的路徑來達成相同的視覺結果，而你所選擇的路徑會改變專案檔的結構。Rounded Corners 效果是一種非破壞性的像素效果，可以隨時開啟或關閉、隨時間動畫化，並從任何圖層上移除而不會刪除原始素材。圓角矩形遮罩則屬於圖層幾何的一部分，會在 precomps、expression 與動態追蹤過程中與圖層一起移動——當一個圓角卡片需要保持與其母合成連結時，這通常是你想要的效果。
效果比較容易在圖層之間複製、復原，也比較容易在交付前的最後一刻替換。遮罩則能直接與 Track Matte、形狀圖層以及 matte refinement 整合——當你需要將圓角 UI 元素合成到動態背景上時，這正是你需要的功能。兩種路徑最終都會產生透明的 alpha，因此從 Render Queue 輸出的 PNG 會在棋盤格背景上顯示乾淨的圓角形狀；而一旦檔案離開 After Effects，PNG 匯出同樣會保留圓角邊界。
使用 Rounded Corners 效果在 After Effects 中將圖片圓角化
- 將圖片匯入 Project 面板的 bin 中，並拖曳到新合成上，使其尺寸成為合成大小。
- 選取圖片圖層後，開啟 Effects & Presets 面板，在 Stylize 類別下搜尋 Rounded Corners。
- 雙擊效果名稱將其套用至圖層，或直接拖曳到圖層上。圖片現在會由單一 Radius 控制項驅動出圓角。
- 開啟 Effect Controls 面板，提高或降低 Radius 數值（以像素為單位），直到弧度符合你想要的視覺效果。
- 若想要在圓角處加上細微的反鋸齒內弧而非硬邊像素邊界，請開啟 Edge Radius。
- 將合成加入 Render Queue，選擇啟用 alpha 的 PNG 格式，然後點擊 Render 來輸出帶圓角的 PNG。
輸出的 PNG 會保留來源圖片的像素尺寸，因為效果只改變哪些像素可見，並不會更動畫布大小。這與基於瀏覽器的 Round Image Corners 工具對靜態檔案的處理方式相同，只是多了完整 After Effects 專案、Render Queue 與 PNG 匯出的成本。
使用圓角矩形遮罩在 After Effects 中將圖片圓角化
- 從形狀工具中選取 Rounded Rectangle 工具，然後雙擊合成面板，繪製一個填滿整個合成的全畫面形狀。
- 在圖層的 Mask 屬性中，若要對齊畫面可將 Mask Expansion 保留為零；若矩形需要超出合成邊界，則可調整該數值。
- 若希望圖片與透明區域之間的過渡更柔和，可稍微提高 Mask Feather；若要銳利的像素邊緣，則將其保留為零。
- 如果需要讓遮罩裁切另一個圖層，可將圓角矩形形狀圖層拖曳到圖片上方，並將該圖片的 Track Matte 設為 Alpha Matte，或直接將圓角形狀轉換為圖片圖層上的遮罩。
- 將圓角矩形定位於照片上方，確保圖片完全包含於弧度內，然後將合成加入 Render Queue，並選擇包含 alpha 的 PNG 輸出。
當你需要隨時間動畫化圓角半徑時，遮罩工作流程更為靈活，因為你可以直接對遮罩的 Roundness 屬性設定關鍵影格。Rounded Corners 效果預設並未提供可動畫化的半徑，因此當卡片需要在滑入定位時從圓角變成正方形時，遮罩通常是較佳的選擇。當每個圓角需要不同的半徑時，遮罩也是正確的做法，而內建效果無法做到這一點。
跳過 After Effects，直接在瀏覽器中將圖片圓角化
為了單張靜態圖片而啟動 After Effects 會增加許多額外負擔。一個現代的 AE 工作階段需要載入應用程式、將來源解碼至渲染畫格、跑完 Render Queue，並輸出一個 PNG 序列，你還必須再將其轉換成單一檔案。對於一次性的大頭貼、圖示或網頁 mockup 元素，使用專注的瀏覽器工具會更快、對系統記憶體的負擔更小，也更容易重複執行。
Round Image Corners 工具會在當前的瀏覽器分頁中將本機的 JPG、PNG 或 WebP 裁剪為同尺寸的圓角矩形。檔案解碼、裁剪路徑、PNG 編碼、預覽與下載都在同一個畫布上完成，完全不需要上傳，因此來源檔案絕不會離開本機。輸出會保留來源檔案精確的寬度與高度，因此 1920 乘 1080 的輸入會以 1920 乘 1080 的 PNG 形式回傳，且已帶有圓角，可直接放入簡報或網頁版面中。
如何使用 Round Image Corners 工具將圖片圓角化
- 開啟工具，選擇一個不超過 25 MiB 的本機 JPG、PNG 或 WebP 檔案。
- 等待解碼後的圖片顯示於預覽中，並確認解碼後的尺寸仍在瀏覽器共用安全預算內，即每邊不超過 20,000 像素且總像素不超過 40 megapixel。
- 將半徑控制項從圖片較短邊的 1 percent 調整至 50 percent；該數值會以較小的一邊作為計算基準，以確保在寬幅、高幅與正方形來源上圓角都保持對稱。
- 選擇 Round corners。工具會渲染單一畫布，清空為透明、裁剪出圓角矩形、以原始尺寸繪製一次解碼後的來源，並輸出同尺寸的 PNG 預覽。
- 檢查預覽，確認結果旁顯示的尺寸與整數像素半徑，然後下載檔案。下載檔案會以 -rounded-corners.png 作為後綴，以便一眼看出格式變更。
- 若要嘗試不同的弧度，請更改半徑並再次選擇 Round corners。之前的結果會失效；因為檔案已在瀏覽器記憶體中，所以不需要重新上傳，且暫時性的物件 URL 會在被取代時撤銷。
工具會將半徑四捨五入為整數輸出像素，以確保弧度可重現。對於 400 乘 200 像素的圖片，25 percent 的半徑會產生 50 像素的弧度；在直向圖片上，相同的百分比則會改以寬度計算，讓不同方向的視覺效果保持一致。結果列會顯示與來源相符的尺寸、計算後的整數像素半徑、輸出格式與概略檔案大小，讓你能確認橫向或直向檔案在下載前沒有被靜默地調整大小。
工具會改變與不會改變的內容
工具不會調整大小、裁切、拉伸、重新置中，或在透明圓角後方填上背景。它只會將圓角裁切為透明，並以 PNG 格式寫入結果。JPEG 來源會經過解碼再重新編碼，因此匯出 PNG 的位元組大小可能會比原始 JPEG 大，且原始 EXIF 中繼資料不會被保留——這是因為 canvas 匯出是從解碼後的像素重建圖片，而非複製來源位元組。PNG 或 WebP 來源中既有的透明度在圓角形狀內仍可使用，但仍受限於瀏覽器的一般解碼與 PNG 編碼行為。
輸出永遠是 PNG，因為 JPEG 無法儲存透明的圓角像素。工具不會在遇到問題檔案時產生部分下載或靜默下載；空檔案、不支援的類型、解碼失敗、無法使用 canvas、無效的半徑數值，以及 PNG 編碼失敗，每一種情況都會顯示明確的錯誤。更換檔案或半徑會使先前的結果失效，且過期的非同步匯出無法覆蓋較新的選擇，即使在較慢的機器上也能保持預覽的正確性。
何時該留在 After Effects，何時該改用瀏覽器工具
| 情境 | After Effects | Round Image Corners 工具 |
|---|---|---|
| 隨時間動畫化圓角半徑 | 對遮罩 Roundness 或 Rounded Corners 效果設定關鍵影格 | 僅支援靜態半徑，每次匯出產生一張 PNG |
| 單張帶圓角的靜態 PNG | 完整專案、Render Queue、PNG 匯出 | 一個瀏覽器步驟即可產生同尺寸 PNG |
| 透明的圓角像素 | 支援任何具有 alpha 的格式 | 永遠匯出為 PNG |
| 保留 EXIF 中繼資料 | 依格式而定，可在 sidecar 工作流程中保留 | 從解碼後的像素重建，EXIF 會被移除 |
| 每個圓角使用不同半徑 | 可透過四圓角遮罩或形狀修改器達成 | 四個圓角使用同一個均等半徑 |
| 檔案是否離開本機 | 僅在你儲存至雲端儲存或同步時才會離開 | 不會，全程皆在瀏覽器分頁中執行 |
| 批次處理大量檔案 | 可透過 script 或 expression 達成 | 每次工作階段僅處理一張圖片 |
對於四個圓角共用同一個半徑的靜態圖示、大頭貼、應用程式商店卡片或產品縮圖，瀏覽器工具能用更短的流程達成相同的最終結果。對於需要動畫、個別圓角控制、合成遮罩，或任何需要保留來源中繼資料的專案，After Effects 才是正確的舞台。此工具刻意聚焦於單張圖片與四個共用均等圓角，因此不提供個別圓角半徑、遮罩、圓形、裝飾性邊框、陰影、漸層、批次處理或無損 JPEG 編輯。當你需要上述任何控制項，或需要可還原的來源檔案時，請改用支援圖層的桌面編輯器。
若你在權衡不同選項，How to Use a Blur Effect on Instagram Photos 對此有詳細說明。
若你在權衡不同選項，How to Round Image Corners in Premiere Pro 對此有詳細說明。