圖像／影音 / 046
圖片裁切
拖曳框選要保留的圖片範圍，可鎖定常見長寬比或輸入精確座標與尺寸，並在瀏覽器端輸出裁切結果。
為什麼做這個
裁切和縮放是不同需求：裁切是決定留下哪一部分，縮放則是改變整張圖片的尺寸。這個工具同時提供拖曳與數字輸入，兼顧快速操作與精確控制。
這個工具怎麼用
選好圖片後會先給一個置中的預設範圍，直接拖曳就能調整：在框內按住是移動，拖四個角是改變大小，在框外的地方按下去則是重新框一塊。選取範圍以外會被壓暗，所以畫面上看到的亮區就是最後會留下的部分。所有處理都在瀏覽器裡完成，圖片不會上傳。
需要固定比例就先選長寬比。 大頭貼選 1:1、影片封面選 16:9、手機桌布選 9:16，選好之後拖動角落時比例會自動維持，碰到圖片邊界也不會被拉歪——這時工具會改用另一邊反推，寧可框小一點也不破壞比例。選「自由」則兩邊各自獨立。
四個數字輸入框不是備援，是精確控制的主要方式。 X 與 Y 是選取範圍左上角在原圖中的位置（單位是原圖像素，左上角為 0,0），寬與高是選取範圍的大小。要對齊到特定像素、或要裁出剛好 400×400 的圖時，直接打數字比用拖的準得多，用鍵盤操作也只能靠它們。
輸出的圖就是選取範圍的原始像素，不會被縮放，所以框 400×400 出來就是 400×400。格式沿用原圖（canvas 編不出來的如 HEIC、BMP 會退成 JPG），畫質固定在高檔。要把裁好的圖改成別的尺寸請用「圖片尺寸調整」，要讓檔案變小請用「圖片壓縮」。
常見問題
跟「圖片尺寸調整」的裁切填滿有什麼不一樣？
差在誰決定裁掉哪裡。「圖片尺寸調整」的裁切填滿是為了把圖塞進你指定的尺寸，裁掉的部分固定是置中之後多出來的邊，你不能選。這個工具則是你自己框要留下哪一塊，位置完全由你決定，輸出尺寸就是你框的大小。想「把這張變成 800×600」用尺寸調整，想「只要照片左半邊那個人」用這個。
裁切會讓畫質變差嗎？
幾乎不會。裁切本身只是取出部分像素，不做縮放，所以那塊區域的畫質與原圖完全一樣。唯一的損耗來自重新編碼：如果原圖是 JPG 或 WebP 這類有損格式，存檔時會再壓一次，這裡固定用 92% 的高品質，一般看不出來。原圖是 PNG 的話輸出也是 PNG，無損不會有任何損耗。
手機上可以用嗎？
可以，拖曳用的是 Pointer Events，滑鼠、觸控與觸控筆走同一套程式碼。手機上直接用手指拖曳框線與四個角即可；如果覺得角落不好點，也可以用下面的數字輸入框調整。
可以一次裁切很多張嗎？
不行，一次一張。裁切範圍是你在那張圖上框出來的，對另一張圖沒有意義——除非兩張的尺寸與構圖完全相同，而那是很少見的情況。如果只是要把一批圖統一變成某個尺寸，那其實是「圖片尺寸調整」的裁切填滿，它可以一張一張處理但規則一致。