圖片裁切

上傳圖片後開始裁切

免費線上圖片裁切工具，支援拖曳框選、8種常用比例預設（自由/1:1/4:3/3:4/16:9/9:16/3:2/2:3）與像素級精準輸入。內建三分割構圖輔助線（黃金分割格），可即時預覽裁切結果。支援PNG/JPG/WebP/SVG/GIF格式，裁切後可選擇輸出格式與JPG品質。所有操作在瀏覽器本地完成。

相關推薦

圖片壓縮

圖片尺寸調整

圖片浮水印

圖片格式轉換

圖片濾鏡

圖片裁切的原理與構圖方法

圖片裁切（Image Cropping）是指從原始圖像中選取一個矩形區域，移除框外部分的操作。與縮放（Resize）改變整張圖像素尺寸不同，裁切是直接去除不需要的邊緣區域，保留局部內容並輸出為新圖——這是兩者最核心的差異：縮放不改變畫面內容只改變大小，裁切則改變構圖與可見範圍。

**數位裁切的底層原理**：數位圖像本質上是一個二維像素矩陣，每個像素包含RGBA四個色頻（紅、綠、藍、透明度）。裁切操作就是在這個矩陣中選取一個子矩形，將子矩陣內的像素複製到新畫布輸出。從數學上看，若原圖大小為W×H，裁切框左上角座標(x,y)、大小cw×ch，輸出就是原圖中從(x,y)到(x+cw,y+ch)的像素區塊。本工具使用HTML5 Canvas API完成裁切計算，整個位元運算在瀏覽器記憶體中瞬間完成，無需伺服器處理。

**三分割構圖法（Rule of Thirds）**：這是本工具內建格線的理論依據，源於古希臘黃金比例（約1:1.618）的簡化應用。將畫面沿水平與垂直方向各分三等分，形成4條分割線與4個交點。實驗證明，人眼視線最容易停留在這4個交點附近而非畫面正中央。因此主體（人物眼睛、地平線、建築焦點）置於交點或分割線上時，構圖更自然均衡——遠比把主體放在正中更有動感與美感。幾乎所有專業相機與手機相機的取景器都內建三分割格線。

**常見比例與應用場景**：1:1正方形是Instagram經典貼文格式與多數社群頭像標準；4:3是消費型相機與多數手機預設拍照比例；3:2是傳統35mm底片與單眼相機的經典比例，也是多數6吋相片標準；16:9是HD/FHD/4K影片與YouTube、寬螢幕顯示器標準；9:16是直式短影片（TikTok、Reels、Shorts、抖音）標準。選擇正確的比例能避免後續平台二次裁切導致重要內容被切掉。

**像素級精準裁切的意義**：為什麼需要直接輸入像素值？因為許多場景有嚴格尺寸規範——例如台灣身分證數位照片要求350×450像素、台胞證33×48mm對應390×567像素、護照規格也有像素要求；電商平台如蝦皮、露天拍賣對商品主圖通常有尺寸下限與比例要求；網頁橫幅、App啟動畫面也有固定像素規格。直接輸入精確數值能確保輸出完全符合規範，無需反覆調整。

**為什麼本工具強調本地處理**：與多數線上工具先將圖片上傳到雲端伺服器再處理不同，本工具完全使用HTML5 Canvas API在瀏覽器端完成裁切、縮放、格式轉換與下載。這帶來三個關鍵優勢：（1）隱私安全——機敏照片（證件照、私人照片、公司內部圖片）從不上傳網路，徹底杜絕外洩風險；（2）速度快——省去上傳下載等待時間，大圖也能瞬間完成；（3）無流量消耗——在沒有網路或網路不穩的環境下也能正常使用。

**關於畫質損失**：裁切操作本身是像素複製，不會造成任何畫質損失——選擇PNG或WebP輸出時，輸出畫面中每個像素都與原圖完全一致。唯一可能的畫質損失來自JPG格式的有損壓縮。本工具JPG輸出預設92%品質，這是業界公認「人眼無法察覺壓縮痕跡」的品質閾值。若你追求絕對無損，選擇PNG格式即可；若在意檔案大小，可手動降低品質值。

**裁切與構圖的專業技巧**：除三分割法外，風景攝影中常見的技巧是用地平線對齊上方或下方三分之一線（天空精彩就放上方三分之一，地面精彩就放下方三分之一）；人像攝影中通常把眼睛置於上方三分之一線附近；特寫照片裁切時避免在關節（頸部、膝蓋、手腕）處切斷，建議在關節之間下刀；說到留白，主體朝向的方向應多留一些空間（稱為「視線空間」或「引導空間」），構圖不會有壓迫感。這些原則在本工具的三分割格線輔助下很容易實現。

適用場景

  • 社群媒體頭像：裁切1:1正方形做為LINE/FB/IG/微信頭像
  • 影片封面與縮圖：16:9比例裁切YouTube、TikTok、Reels封面
  • 電商商品圖：統一商品主圖比例，3:4或1:1適合電商平台規範
  • 證件照與大頭照：精確像素裁切一寸/兩寸/簽證照規格
  • 攝影構圖優化：運用三分割格線重新構圖，去掉畫面雜亂邊緣
  • 截圖調整：擷取螢幕後裁切多餘部分，只保留重點區域
  • 文件掃描校正：將手機拍攝的文件傾斜部分裁掉，保留平整區域
  • 網頁與App素材：裁切統一尺寸的Banner、圖示、文章封面
  • PDF裁切對應：若要裁切PDF頁面請使用PDF裁切工具，圖片請用本工具

使用方法

  1. 點擊上傳區域選取圖片，或直接拖曳圖片到網頁，JPG/PNG/WebP/SVG/GIF皆可
  2. 選擇比例：點擊比例按鈕（自由/1:1/4:3/16:9等），或直接拖曳8個控點調整裁切框
  3. 精確輸入：需要特定像素尺寸時，直接輸入寬高數值，可用方向鍵微調位置
  4. 開啟三分割格線輔助構圖，即時預覽裁切效果，滿意後點擊下載

功能特點

  • 拖曳選框與8方向調整：直覺拖曳選取裁切區域，8個控點可自由調整邊界
  • 8種比例預設：自由裁切、1:1正方形、4:3/3:4、16:9/9:16、3:2/2:3
  • 像素級精準輸入：直接輸入X/Y/W/H精確數值，滿足規格化尺寸需求
  • 三分割構圖格線：黃金分割九宮格輔助線，遵循攝影構圖原則
  • 鍵盤快捷操作：方向鍵微調1像素、Shift+方向鍵微調10像素
  • 比例鎖定：選定比例後拖曳保持比例，可切換橫豎方向
  • 即時裁切預覽：操作過程即時顯示結果，所見即所得
  • 多格式輸出：支援輸出為原始格式、JPG、PNG、WebP
  • JPG品質可調：JPG輸出時品質1-100可調，平衡檔案大小與畫質
  • 透明通道支援：PNG/WebP保留原始透明背景
  • 跨裝置支援：手機端可點擊拍照或從相簿選取，支援觸控操作
  • 離線可用：純前端實作，無需聯網即可使用

常見問題

線上怎麼裁切圖片？

步驟非常簡單：1. 點擊上傳區域選擇要裁切的圖片，或直接拖曳檔案進來；2. 拖曳裁切框的8個控點調整區域，或選擇預設比例（如1:1正方形、16:9寬螢幕）；3. 需要精確尺寸時直接輸入寬高像素值；4. 開啟三分割格線輔助構圖；5. 即時預覽滿意後點擊「裁切並下載」，整個過程無需等待上傳。

支援哪些圖片格式？

支援開啟JPG/JPEG、PNG、WebP、SVG、GIF格式。GIF動畫裁切後輸出第一幀靜態PNG。輸出時可選擇保持原始格式，或轉為JPG/PNG/WebP。若原圖是PNG透明背景，輸出為PNG/WebP時會保留透明度；輸出為JPG時透明區域會填滿白色背景。

如何裁切特定像素尺寸？

在右側設定面板找到「像素級輸入」區塊，直接輸入寬度(W)和高度(H)的像素值即可。也可以先選擇比例預設，再輸入其中一邊的像素，另一邊會自動按比例計算。如需精確定位裁切框左上角，可輸入X/Y偏移值。

三分割構圖格線有什麼用？

三分割法（又稱九宮格構圖）是攝影中最經典的構圖原則：將畫面橫豎各分為三等分，形成九宮格，主體放在交點或分割線上時構圖最美觀。本工具內建的三分割格線可即時顯示，裁切時拖曳讓主體對齊線條或交點，即可輕鬆獲得符合專業構圖的畫面。

可以批次裁切多張圖片嗎？

目前版本支援單張圖片裁切。批次裁切（包含統一比例、統一尺寸）功能正在開發中，預計近期上線。如果需要快速處理多張相同比例的圖，目前可以逐張上傳——因為所有參數（比例、輸出格式、品質）會保持在最後一次設定，逐張操作速度也很快。

裁切後圖片會被壓縮嗎？畫質會降低嗎？

取決於輸出格式：選擇PNG/WebP格式輸出時，畫質完全無損；選擇JPG格式輸出時，預設使用92%品質，此品質下人眼幾乎察覺不到差異，但檔案大小會比原圖稍小。你也可以手動調整品質滑桿，1-100可選，數字越高畫質越好檔案越大。

圖片會上傳到伺服器嗎？隱私安全嗎？

完全不會。所有裁切操作都在你的瀏覽器本地透過Canvas API完成，圖片從不上傳到任何伺服器。也就是說，你的身份證照片、私人照片、公司機密圖片等敏感內容，永遠不會離開你的裝置，處理完關閉分頁後瀏覽器記憶體會自動清除暫存資料。

手機上可以使用嗎？怎麼操作？

可以。手機瀏覽器開啟本工具後，點擊上傳區域可選擇「拍照」或「從相簿選取」。裁切框支援觸控拖曳，手指按住控點滑動即可調整。建議在橫向模式下操作大圖，精準度更佳。

怎麼裁切證件照（如一寸照、大頭照）？

建議使用3:4或2:3比例預設（視規格要求），開啟三分割格線，將人物頭頂置於上方三分之一線處、眼睛置於中間水平線附近，兩側適當留白。如果需要嚴格的像素尺寸（如一寸照295×413px），直接在像素輸入區輸入精確數值後裁切即可。

如何裁切圓形圖片（頭像）？

本工具目前是矩形裁切，圓形/橢圓裁切功能正在開發中。如果現在需要圓形頭像，建議先裁切1:1正方形，再搭配其他工具處理圓角或遮罩。後續會上線圓形裁切、圓角裁切等功能。

裁切後的圖片存在哪裡？

裁切完成後點擊「裁切並下載」，瀏覽器會自動將檔案下載到你的預設下載資料夾（通常是「下載」或Downloads）。檔名為原檔名加上_crop後綴，格式與你選擇的輸出格式一致。

故障排查

圖片拖不進來怎麼辦？

請改用點擊上傳區域的方式選取檔案，部分瀏覽器（尤其iOS Safari）對拖曳上傳支援有限。另外確認圖片格式為JPG/PNG/WebP/SVG/GIF，HEIC（iPhone預設格式）建議先轉成JPG再上傳。

方向鍵微調沒有反應？

方向鍵操作需要先選取裁切框——在裁切區域內點擊一下選中後（框線變成亮色），再按方向鍵即可微調。Shift+方向鍵每次移動10像素。

為什麼PNG透明背景變成白色？

這是因為輸出時選擇了JPG格式（JPG不支援透明）。請將輸出格式切換為PNG或WebP即可保留原始透明背景。

裁切後圖片變模糊了？

請確認：1）輸出格式是否選擇了低品質JPG——將品質滑桿調高至90以上，或改用PNG輸出；2）你是否進行了放大裁切——如果裁切區域很小（例如從大圖中裁一個很小的區域），輸出後實際像素少，大尺寸顯示時自然會模糊。

術語表

像素（Pixel）
數位圖像的最小單位，即畫面上一個帶顏色的小點。一張1920×1080的圖片代表寬1920像素、高1080像素，總共約207萬像素。
長寬比（Aspect Ratio）
圖片寬度與高度的比例關係。1:1代表正方形，16:9代表寬螢幕比例。比例固定時，一邊改變另一邊自動按比例縮放。
三分割法（Rule of Thirds）
構圖基本原則，將畫面分為九宮格，主體置於交點或分割線上時構圖最自然和諧。
Canvas API
HTML5提供的網頁繪圖介面，可在瀏覽器中直接操作像素繪製圖形與影像處理，是純前端圖片工具的核心技術。
Alpha 透明通道
像素中控制透明度的色頻。PNG與WebP格式支援透明度，JPG格式沒有Alpha通道，透明區域輸出為JPG時會被填滿背景色。
DPI/PPI
每英寸點數/像素數，列印解析度單位。螢幕顯示只與像素尺寸有關，DPI不影響畫面顯示效果，但會影響列印尺寸。
有損壓縮（Lossy Compression）
壓縮時丟棄部分視覺不易察覺的資料來縮小檔案大小，JPG是典型有損格式，重複儲存會累積畫質損失。
無損壓縮（Lossless Compression）
壓縮後可完全還原原始資料，PNG是典型無損格式，重複編輯儲存也不會降低畫質。
EXIF
圖片內嵌的拍攝資訊中繼資料，包含相機型號、拍攝時間、GPS位置、光圈快門參數等。Canvas輸出的圖片會移除EXIF資料。
構圖（Composition）
在畫面中安排主體與元素位置的方法。好的構圖能引導視線、突出主體、傳達情緒，三分割法是最基礎也最實用的構圖技巧。

常用裁切比例與適用場景

不同場景建議使用的長寬比例一覽：

比例方向典型場景常見平台/用途
1:1正方形社群頭像、商品主圖LINE/FB/IG頭像、蝦皮商品、產品展示
4:3橫向相機預設、文件掃描數位相機、簡報圖片、螢幕截圖
3:4直向證件照、直式照片身分證/大頭照、手機直向拍照
16:9橫向寬螢幕影片封面、簡報YouTube封面、TikTok橫向、電視螢幕
9:16直向短影片、限時動態IG限時動態、抖音/Reels/Shorts
3:2橫向單眼照片、相片列印35mm底片、6×4相片沖印

常用證件照尺寸規格（台灣常見）

各類證件照對應的像素尺寸（以300DPI計算）：

類型實際尺寸(mm)像素尺寸(300DPI)建議比例
一寸（一般）25×35295×4135:7
兩寸35×49413×5795:7
身分證/健保卡35×45413×5313:4 附近
護照（2025新規）35×45413×5313:4 附近
台胞證33×48390×567接近2:3
美國簽證51×51600×6001:1

各平台推薦圖片尺寸

主流社群與平台建議的圖片像素規格：

平台/位置圖片類型建議尺寸(px)比例
Facebook貼文圖片1200×6301.91:1
Instagram貼文（方形）1080×10801:1
Instagram直式貼文1080×13504:5
YouTube影片縮圖1280×72016:9
LINE官方帳號圖文1040×10401:1
TikTok/Reels影片封面1080×19209:16
Twitter/X貼文圖片1200×67516:9

Privacy & Security

本圖片裁切工具所有作業均在您的瀏覽器本機透過HTML5 Canvas API完成。您選取的圖片不會上傳至任何遠端伺服器，我們不儲存、不備份、不做任何其他用途。所有處理在本機記憶體內完成，關閉分頁後暫存資料自動清除。證件照、私人照片等敏感內容可安心使用。

Authoritative References