線上裁剪圖片 — 免費的圖層式裁圖工具

直接在瀏覽器裡裁圖:拖曳選取框、輸入精確的像素尺寸,或把一個透明圖層裁到內容的實際邊界。所有運算都在你的裝置上完成,圖片不會上傳到伺服器。不用安裝、沒有浮水印、也不用註冊帳號。

免費 · 無浮水印 · 支援 PNG、JPG、WebP · 手機可用

裁切工具

裁剪圖片

把圖片拖進來就能裁

或點一下選擇檔案 · PNG、JPG、WebP · 檔案不會離開你的裝置

裁切方式

裁切方式

拖曳選取框

拖動控制點,框出你要保留的範圍。

裁切至圖層

自動貼齊圖層內容的實際邊界,忽略透明或單色的留白。

長寬比

精確尺寸(px)

位置(px) X 0 · Y 0

輸出格式

或點一下選擇檔案 · PNG、JPG、WebP · 檔案不會離開你的裝置

操作步驟

圖片怎麼裁?五個步驟就好

不用註冊,整段流程都在你現在開著的這個分頁裡完成。

  1. 01

    把要裁的圖片丟進來

    把 PNG、JPG 或 WebP 檔案拖到上方的裁切區,或點一下從裝置裡選檔案。檔案是由瀏覽器在本機讀取的,不會傳到任何地方,所以就算是幾十 MB 的大圖也是瞬間出現。

    裁剪圖片步驟一 — 把 PNG 檔案拖曳到線上裁圖工具的上傳區drop PNG / JPG / WebP
  2. 02

    拖出你要保留的範圍

    在圖片上按住並拖曳可以移動選取框,拖動八個控制點則能改變大小。框外的區域會變暗,讓你在按下下載之前就先看清楚最後的構圖。

    裁剪圖片步驟二 — 在照片上拖出要保留的選取框880 × 400
  3. 03

    鎖定長寬比,或直接輸入尺寸

    選 1:1、4:3、3:2、16:9 或 9:16,之後怎麼拉都會維持同一個比例。如果有指定的輸出規格——像 1200×630 的社群分享圖、512×512 的圖示——直接把數字填進寬高欄位,選取框就會精準對齊。

    精確尺寸裁圖 — 鎖定 1:1 長寬比並輸入寬高數值512 px5121:1locked
  4. 04

    或者,改用圖層邊界來裁

    切到「裁切至圖層」,選取框會自動跳到圖層內容的真實邊界,把透明留白或單色背景排除掉。想把一個透明圖層裁到只剩有畫面的像素,這是最快的做法。

    圖層裁切範例 — 透明圖層被裁到內容的實際邊界snapped to layer bounds
  5. 05

    下載裁好的圖片

    要保留透明背景就選 PNG,想要檔案小一點就選 JPG,然後下載。裁切是從原圖的完整解析度上切下來的,拿到的就是你框起來的那塊區域,尺寸完全照原始比例。

    以 PNG 格式下載裁好的圖片,維持原始解析度不失真.pngoriginal resolution

工具比較

Photoshop 裁切圖層 vs. 直接在瀏覽器裡裁

如果 Photoshop 本來就開著,它的裁切工具當然沒話說。麻煩的是它周邊的成本——動輒好幾 GB 的安裝、月費訂閱、還有開啟時的漫長等待。要是只為了裁一張圖,而手邊這台電腦沒裝 Photoshop,或是人正在手機上,開個分頁反而快得多。以下是 Photoshop 的原生做法,以及在這裡的對應操作。

Photoshop 怎麼只裁一個圖層

Photoshop 的裁切工具動到的是整個畫布。想只裁一個圖層而不影響其他圖層,得改用選取範圍:

  1. 開啟檔案,在「圖層」面板中點選要處理的那個圖層。
  2. 選擇「矩形選取畫面工具」(快捷鍵 M),拖出你要保留的範圍。
  3. 按 Shift + Ctrl/Cmd + I 反轉選取,讓框外的區域變成被選取的部分。
  4. 按 Delete 刪除(或改建立圖層遮色片),這樣只有目前這個圖層的框外區域會被清掉。
  5. 按 Ctrl/Cmd + D 取消選取。畫布尺寸完全沒變,只有那一個圖層被裁掉了。

如果直接用裁切工具、又勾了「刪除裁切的像素」,那會連同畫布和所有圖層一起裁掉——通常這並不是大家想「裁圖層」時要的結果。

同樣一件事,在這個頁面怎麼做

  1. 把圖片、或是匯出的那個圖層檔案丟進上方的裁切區。
  2. 拖曳選取框,或按一下「裁切至圖層」讓它自動貼齊圖層邊界。
  3. 下載成 PNG,透明背景完整保留。
現在就裁圖
Photoshopimage-layer.com
需要安裝要,桌面應用程式不用,瀏覽器裡直接跑
費用訂閱制付費免費,無浮水印
裁第一張圖要多久開軟體 + 開檔案丟檔案進來就能拖
只裁單一圖層選取 + 反轉 + 刪除按一顆按鈕(「裁切至圖層」)
手機上能用嗎要另外裝手機版 App同一個頁面,觸控直接拖
修圖、濾鏡、文字排版可以,這本來就是它的主場不行,這裡只做裁切和圖層

如果你本來就有 Photoshop、檔案也已經開著,那就用它。如果只是要裁一張圖、不想為此裝任何軟體,這個頁面就只把這件事做好。

原理說明

「裁切圖層」和一般裁圖差在哪?

大多數線上裁圖工具都把圖片當成一張平的長方形:拖個框、框外的通通丟掉、畫布跟著縮小。拿來裁照片沒問題,但這並不是大家搜尋「photoshop 圖層裁切」時要的東西——他們手上有一疊圖層,想動的只是其中一層,而不是把整份稿件一起縮掉。

圖層本身就是一塊有自己 Alpha 通道的像素區域。裁切圖層,改的是「這個圖層的內容到哪裡結束」,畫布尺寸和其他圖層都原封不動。這兩件事一旦搞混,不是整份構圖被切在新的邊界上,就是明明想縮尺寸卻什麼都沒變。

另一半的難處在於「邊界要抓在哪」。匯出的透明圖層通常帶著一大圈空白的 Alpha——例如一張 2000×2000 的 PNG,實際有畫面的部分只佔角落 600×480 的一小塊。用肉眼慢慢框,既慢又永遠差那麼一點。「裁切至圖層」會直接讀 Alpha 通道,算出所有非透明像素的外接矩形,然後精準貼齊到像素。如果圖層本身完全不透明、只是有塊單色背景,它會改抓背景色來裁掉那圈留白。

裁切圖片

動到的是畫布。所有圖層都會被切在同一條新邊界上,匯出的檔案尺寸也跟著變小。重新取景,或是要對上指定的輸出規格時用這個。

  • 畫布尺寸改變
  • 所有圖層都受影響
  • 一般裁圖工具在做的事

裁切圖層

動到的只有那一個圖層的內容。畫布維持原本尺寸,其他圖層的像素也一個都沒少。想把去背素材收緊、修掉標籤多餘的邊,或是把某個圖層裁到選取範圍,用這個。

  • 畫布尺寸不變
  • 只影響單一圖層
  • 這裡的「裁切至圖層」在做的事

手上還沒有分好的圖層?AI 圖層編輯器可以把一張平面照片拆成一層層帶透明度的 RGBA 圖層,之後再逐層裁切。

開啟圖層編輯器

細節

裁圖不失真,還能裁到指定尺寸

裁切是從解碼後的原圖、以完整解析度切下來的,不是從你螢幕上看到的那張預覽。在一張 4000×4000 的照片上拉出 900×900 的框,拿到的就是 900×900 個原始像素——過程中不會放大,也不會重新取樣。想要無損就輸出 PNG;只有在真的需要小檔案時才選 JPG。

碰到固定規格的需求時,寬高欄位是說了算的:填入 1200 × 630,選取框就正好是原圖上那麼多像素,接著拖到你要的位置就行。這就是「大概是一張橫幅」和「丟進版型不用再調一次尺寸」之間的差別。

格式的行為很單純。裁 PNG 圖片時透明度會完整保留,就算整塊裁切範圍都是透明的也一樣。裁 JPG 得到的就是 JPG 品質的裁切結果——裁切救不回原檔本來就沒存下的細節。WebP 也可以丟進來,輸出時轉成 PNG 或 JPG。

小螢幕用的是同一套工具:控制點做成適合手指的尺寸、單指就能拖動選取框、版面是往下堆疊而不是橫向捲動。在手機上裁圖,輸出結果和在電腦上完全一樣。

常見問題

關於裁剪圖片的常見問題

現在就裁圖 — 免費,不用註冊

丟張圖進來,拖個框或按「裁切至圖層」,然後把成品下載走。不用安裝任何東西,也不用留下任何資料。