👤 頭像裁剪器

裁剪頭像並圓形預覽每個平臺的顯示效果 — 拖動焦點精準定位

✓ 永久免費 · ✓ 無需註冊 · ✓ 檔案不上傳 · ✓ 離線可用

🔒 你的影像永遠不會離開你的裝置。 所有處理都使用 Canvas 2D + 可選圓形 clip path(瀏覽器內) 在你的瀏覽器中進行。不上傳、不經伺服器、不追蹤。

功能特色

  • 8 平臺預覽 — 看頭像在 Instagram、X、LinkedIn、Facebook、Discord、GitHub、YouTube、WhatsApp 上圓形顯示的實際效果 — 每個平臺的原生尺寸。
  • 拖動焦點 — 把方框拖到重點上,或直接點擊:點到的位置會成為圓的中心(在照片邊緣允許的範圍內)。放大可以從遠景裡框出一張臉。
  • 真圓形 PNG 選項 — 可選透明四角的 PNG 輸出 — 真正的圓形圖片,不只是方圖被平臺渲染成圓形。適合自定義應用、OBS 場景、簽名。
  • 全平臺 ZIP — 下載所有平臺正確尺寸打包 ZIP — 按平臺預命名。不用再猜 Instagram 或 LinkedIn 要多大。

運作方式

  1. 拖入頭像 — 證件照、自拍或產品圖。圖片留在瀏覽器。
  2. 拖動焦點 — 拖曳方框或點擊應該在中間的部分(通常是臉),再依需要縮放。圓形預覽即時更新,立刻看到重要內容是否被切。
  3. 選輸出格式 — 方形 JPEG(平臺自動渲染為圓形)或真圓形 PNG(透明四角,給需要圓形檔案的應用用)。
  4. 下載 — 單個平臺尺寸下載,或一鍵「下載全部平臺 ZIP」拿到所有平臺正確尺寸。

使用情境

  • 新工作、新頭像 — 一次性把所有平臺的頭像更新好
  • 多個身份?多個平臺?一張源圖,每個變體尺寸都對
  • 品牌上線:Logo / 創始人頭像同步到 Instagram、X、LinkedIn、Discord — 都用原生解析度
  • 主播 / OBS:拿透明 PNG 圓形版本做覆蓋層和場景頭像
  • 攝影師客戶交付:人像約拍 → 可釋出的每個平臺頭像

常見問題

為什麼大多數頭像顯示為圓形?

現代平臺(Instagram、X、LinkedIn、Discord、Facebook、WhatsApp、YouTube)在 UI 裡把頭像渲染成圓形,即使你上傳的是方圖。所以方圖四角的內容會被圓形裁掉。我們的預覽精確顯示哪些會保留,方便發帖前調整焦點。

"透明四角" 選項幹什麼用?

開啟後,輸出真圓形 PNG(透明四角)。當你需要真正的圓形檔案(不只是方圖被渲染成圓形)時用 — 比如 Discord 伺服器自定義頭像覆蓋、OBS 場景、簽名等。大多數使用者用方形 JPEG 就行;只有特定場景才需要透明。

該用平臺尺寸還是主尺寸?

平台尺寸是各家建議的上傳尺寸(Instagram 320、LinkedIn 400、GitHub 500、YouTube 800 等)。平台仍會自己再產生更小的顯示版本,所以上傳更大的圖也沒問題 — 主尺寸就是為此準備的一張高解析檔案,也可封存或用在沒列出的平台。如果裁切區域的像素比某個尺寸少,工具會提示那個尺寸是放大出來的。

我的頭像會被切掉嗎?

方圖上傳後大多數平臺顯示為圓形。方圖四角(左上、右上、左下、右下)會被圓形遮罩遮住。這個工具的圓形預覽精確顯示哪些內容會保留。拖動焦點把重要內容拉到中心。

源圖什麼比例最好?

任意。裁切永遠是方形:拖到你想要的位置,用縮放框得更緊。橫寬或直長的照片只是讓方框有更多移動空間。

圖片會上傳嗎?

不會。裁剪在瀏覽器內透過 Canvas 2D 完成。可選圓形 PNG 用 clip path,也在瀏覽器內。無網路請求帶你的圖。開啟 DevTools → 網路面板驗證。

相關工具

💬 Bug、點子,或者就想打個招呼? 告訴 Milo 🐨 · [email protected]