圖片裁剪器:自訂比例線上裁剪

免費裁剪 JPG、PNG 和 WebP 圖片,可自由裁剪或使用 1:1、4:3、16:9 等固定比例,並即時預覽;所有處理都在瀏覽器中完成。

載入圖片,選擇比例預設或輸入精確裁剪座標,查看醒目預覽,然後下載裁剪結果。裁剪透過 Canvas API 在本機完成,不會上傳任何內容。

圖片裁剪器:自訂比例線上裁剪
免費裁剪 JPG、PNG 和 WebP 圖片,可自由裁剪或使用 1:1、4:3、16:9 等固定比例,並即時預覽;所有處理都在瀏覽器中完成。

圖片在瀏覽器本機裁剪,絕不會離開你的裝置。

裁剪計算器
不想載入檔案也要計算尺寸?輸入圖片尺寸,選擇上方的比例預設,計算適合圖片的最大置中裁剪區域。

計算器使用上方裁剪器中選取的長寬比預設。

關於圖片裁剪器

裁剪是改善照片最快的方法:它能移除邊緣干擾、重新安排主體構圖,而且很多時候也是必需的,因為目的地要求特定形狀。社群個人檔案需要正方形,影片縮圖需要 16:9,經典相片列印需要 4:3。這款圖片裁剪器可在瀏覽器內將 JPG、PNG 和 WebP 圖片裁剪為任意矩形。檔案會在本機解碼、繪製到畫布、依裁剪框截取,並在你的裝置上重新編碼;絕不會上傳,因此私密照片始終私密。 定義裁剪有兩種方式。最快的方法是使用長寬比預設:選擇自由以取得不受限制的矩形,選擇 1:1 得到正方形,4:3 得到經典照片比例,或 16:9 得到寬螢幕比例。選擇預設後,圖片上會立即放置該形狀的最大置中裁剪區域,這通常正是理想的起點——它保留最多像素,同時保證準確比例。之後可以用數字欄位微調:X 和 Y 設定裁剪框左上角相對於圖片左上角的像素位置,寬度和高度設定其尺寸。即時預覽會使裁剪框外的部分變暗,讓你在確認前清楚看到將保留的內容。調整好裁剪框後,點擊一次即可將裁剪區域轉換為新圖片,並以無損 PNG 下載。 精確到像素的數字裁剪與只能拖曳的裁剪器有意不同。當規格要求「從頂部 60 像素處開始裁剪為 1200 × 630」時,拖曳控制點只能靠猜;輸入四個數字則準確且可在整批圖片中重複使用。它也讓計算過程透明:比例為 r 時,適合圖片的最大寬度是圖片寬度和圖片高度乘以 r 兩者中的較小值。 如果你只需要這些數字——例如編寫 CSS、設定縮圖流程,或為他人準備說明——下方的裁剪計算器可以完全跳過檔案。輸入原始尺寸,選擇預設,它會回傳最大置中裁剪的尺寸和位置。本頁面完全免費、無需註冊、不加入浮水印,並且載入後可離線使用,因為整個工具都是用戶端 JavaScript 和 Canvas。

圖片裁剪範例

常見裁剪及其數字範例。

任務裁剪框說明
從 3000 × 2000 的照片製作正方形頭像(1:1 預設)2000 × 2000,從左邊緣 500 px 處開始正方形受較短邊限制,然後水平置中:(3000 − 2000) ÷ 2 = 500。
從 4000 × 3000 的照片製作寬螢幕 16:9 縮圖4000 × 2250,從頂部 375 px 處開始保留完整寬度;高度為 4000 ÷ (16/9) = 2250,並垂直置中。
從 5000 × 4000 的掃描圖製作 4:3 列印裁剪5000 × 3750,從頂部 125 px 處開始4:3 區域使用完整寬度,將 250 px 高度平均從頂部和底部裁掉。
移除 1600 × 900 圖片底部 100 px 的浮水印條X 0,Y 0,寬 1600,高 800(自由預設)自由裁剪可以切除精確條帶,同時不改變水平構圖。

如何裁剪圖片

  1. 用檔案選擇器選擇 JPG、PNG 或 WebP 圖片——整個過程都留在你的裝置上。
  2. 選擇長寬比預設(自由、正方形、4:3 或 16:9);該形狀的最大置中裁剪會自動放置。
  3. 微調 X、Y、寬度和高度欄位,觀察預覽準確醒目顯示將保留的內容。
  4. 點擊「裁剪並下載」,將裁剪區域儲存為 PNG 檔案。

圖片裁剪器常見問題

裁剪時我的照片會被上傳嗎?
不會。圖片完全在瀏覽器中透過 File API 和 Canvas 讀取、裁剪。伺服器不會收到你的檔案,因此處理螢幕截圖、文件和個人照片都很安全。
如何將圖片裁剪成正方形?
載入圖片並點擊 1:1 預設。工具會自動放置最大的置中正方形;之後可以調整 X 或 Y 值,改變正方形保留的照片區域。
X 和 Y 值代表什麼?
它們是裁剪框左上角的像素座標,以圖片左上角為測量起點。X 增大時裁剪框向右移動,Y 增大時向下移動。寬度和高度隨後從該角點定義裁剪框大小。
裁剪會降低圖片品質嗎?
保留的像素會原樣複製,裁剪本身是無損的。結果以 PNG 下載,精確保留每個剩餘像素;只有被捨棄的區域會遺失。
為什麼裁剪區域不能大於圖片?
裁剪只能保留實際存在的像素,因此裁剪框會限制在圖片邊界內。如果要把照片放到更大的畫布或加入邊框,需要使用支援留白的編輯器,而不是裁剪器。
應該使用哪種長寬比?
根據目的地選擇:大多數頭像使用 1:1,影片縮圖和簡報封面使用 16:9,經典相片列印使用 4:3;只想去掉干擾而不固定形狀時使用自由。