logo
GeekFormat

圖片裁切

上傳圖片後開始裁切

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

相關推薦

適用場景

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

功能特點

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

常見問題

線上怎麼裁切圖片?

步驟非常簡單: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後綴,格式與你選擇的輸出格式一致。

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

圖片裁切(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格式即可;若在意檔案大小,可手動降低品質值。

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

术语表

像素(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

Troubleshooting

圖片拖不進來怎麼辦?

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

方向鍵微調沒有反應?

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

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

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

裁切後圖片變模糊了?

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