圖片九宮格切割工具
把圖片切成九宮格、2 x 3、3 x 2 或自訂列欄，適合社群貼文與圖片分割。
選擇圖片後，可直接拖拉裁切框
選擇圖片後顯示
拖拉裁切框後顯示
尚未選擇圖片
切割結果會顯示在這裡
左側裁切框會即時決定輸出範圍；拖曳框內可移動，拖曳邊角可改長寬。
如果要發到社群，下載後先用草稿或預覽確認排列順序，避免正式發布後圖片錯位。
工具簡介
把圖片切成九宮格、2 x 3、3 x 2 或自訂列欄，適合社群貼文與圖片分割。
圖片只會在你的瀏覽器中讀取與切割，不會上傳、儲存或分享。
工具介紹
圖片九宮格切割是把同一張圖片依照列數與欄數拆成多張獨立圖片，常用於社群版面、輪播素材、活動拼圖或大型視覺拆分。
本工具可選 3 x 3 九宮格、2 x 3、3 x 2、2 x 2 或自訂列欄，並能先拖拉裁切框決定真正要分割的畫面範圍。
每一格輸出的尺寸會依照裁切範圍與列欄設定計算，下載後的圖片順序會影響社群上傳排列，因此發布前建議先確認預覽與排列方式。
使用方式
- 選擇一張圖片。
- 選擇九宮格、2 x 3、3 x 2 或自訂列欄。
- 直接拖拉圖片上的裁切框，決定要切割的範圍與比例。
- 查看每一格預覽，逐張下載或依序下載全部圖片。
適合情境
- 把照片切成社群九宮格貼文
- 將長圖或橫圖切成多張圖片
- 製作 2 x 3、3 x 2 或自訂格數的圖片素材
應用建議
- 製作 IG 九宮格時可選 3 x 3，先確認人物、文字或商品不要剛好落在格線交界，避免單張圖片看起來被切斷。
- 如果要切成輪播或教學步驟圖，可使用 1 x 2、2 x 3 或自訂列欄，把每一格當成獨立段落檢查可讀性。
- 照片類素材可用 JPG 或 WebP 控制檔案大小；若後續需要透明背景或再編輯，則可優先使用 PNG。
九宮格切圖前的構圖提醒
九宮格切圖常用在社群版面、作品展示或商品視覺。切割前要先確認主體是否能在多張小圖中仍然被理解，避免重要文字或臉部剛好落在切線上。
- 重要主體盡量放在中央區域。
- 文字不要跨越切線，否則單張圖片可能讀不完整。
- 輸出後依平台上傳順序排列，避免九宮格顯示錯位。
九宮格、輪播和長圖怎麼選？
切圖前先想清楚用途。九宮格適合做整體視覺牆，輪播適合一張一張講步驟，長圖則適合讓使用者連續閱讀。不同用途需要的切割方式不同，不一定都要切成 3 x 3。
工具上方提供常用用途按鈕，會直接套用列欄與裁切比例；如果已經知道平台規格，再改成自訂列欄即可。
| 用途 | 建議切法 | 注意事項 |
|---|---|---|
| IG 版面牆 | 3 x 3 九宮格 | 主體不要剛好落在格線上，發布前確認排列。 |
| 教學步驟或活動流程 | 1 x 多張或 2 x 3 | 每一格都要能單獨看懂。 |
| 橫幅視覺拆分 | 1 x 2 或 1 x 3 | 適合把寬圖拆成連續圖片。 |
| 商品或作品細節 | 自訂列欄 | 先保留高解析度，再依重點區域切割。 |
發布前檢查清單
- 先用較高解析度原圖，避免切割後每格太小。
- 確認人物臉部、商品、價格或重要文字沒有被格線切斷。
- 下載後先按平台顯示順序預覽一次，不要直接正式發布。
- 若單張圖片仍需要壓縮或改格式，可切完後再用圖片尺寸調整或圖片轉檔工具處理。
常見問題
可以做 IG 九宮格嗎？
可以，選擇 3 x 3 九宮格後，工具會把圖片切成 9 張圖片。
可以調整九宮格的長寬比例嗎？
可以，直接拖拉圖片上的裁切框，讓切割範圍變得更長、更寬或更集中。
可以自訂切成幾列幾欄嗎？
可以，選擇自訂列欄後可輸入 1 到 12 的列數與欄數。
下載後要照什麼順序上傳？
工具會依預覽順序輸出每一格。不同社群平台的顯示排序可能不同，正式發布前建議先用預覽或草稿確認排列。
切圖後解析度會變差嗎？
每一格會從原圖裁切範圍輸出。若原圖解析度太低或切成太多格，單張圖片可用尺寸會變小，建議使用較高解析度的原圖。
圖片會上傳到網站嗎？
不會，切割過程使用瀏覽器 canvas 在本機完成。