將圖片分割成多個部分或瓦片。建立網格、條帶或自訂佈局用於圖片處理和分析。
工具功能
- 將圖片分割成多個部分，支援自訂佈局。: 將圖片分割成多個部分，支援自訂佈局。
- 支援基於網格和自訂分割模式。: 支援基於網格和自訂分割模式。
- 批量下載所有分割圖片部分。: 批量下載所有分割圖片部分。
- 完美適用於圖片處理和分析工作流程。: 完美適用於圖片處理和分析工作流程。
使用方法
- 步驟1: 選擇要分割的圖片檔案。
- 步驟2: 選擇分割模式和網格大小。
- 步驟3: 下載分割後的圖片部分。
生成原理
圖像分割算法與網格劃分
圖像分割（圖片 分割）將一張大圖切割為多個小圖塊，常用於網格布局、拼圖遊戲、圖片上傳優化等。分割方式：等分網格（N×M 均勻切割）、自定義尺寸（指定每塊寬高）、智能分割（按內容邊界切割）。算法流程：計算分割參數（行列數、塊尺寸）→ 遍歷網格位置 → 從原圖提取對應區域 → 生成獨立圖片文件。支援邊緣處理（不足部分填充或裁剪）、編號命名（順序標識每個塊）等。
Canvas 圖像裁剪與導出
Web 圖像分割使用 Canvas API 實現：加載原圖到 Canvas → 計算網格位置和尺寸 → 使用 drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh) 提取圖像區域到新 Canvas → toBlob() 導出圖片塊 → 批量下載或打包。參數說明：sx/sy 源圖起始位置、sw/sh 源圖裁剪寬高、dx/dy 目標位置、dw/dh 目標尺寸。支援：保持原圖質量、格式轉換（PNG/JPEG）、批量處理、壓縮包下載等功能。
圖像切割應用場景
圖像分割應用於：地圖切片（Google Maps 瓦片地圖）、大圖展示（分塊加載減少內存）、拼圖遊戲（生成遊戲素材）、圖片優化（將大圖分割上傳）、社交媒體（Instagram 九宮格）、打印排版（海報分頁打印）、圖像處理（分塊處理大圖避免內存溢出）等。工具支援：可調節網格大小、預覽切割效果、批量導出、自動命名、格式選擇等功能，是圖像處理和 Web 開發的實用工具。
常見問題
- 有哪些分割模式可用？
- 該工具提供：網格分割（分成行×列網格，例如，3×3 = 9 個圖塊）、垂直分割（分成垂直條帶）和水平分割（分成水平條帶）。網格分割最常見於建立 Instagram 輪播或社群媒體貼文。
- 如何建立 Instagram 網格貼文？
- 上傳您的影像，選擇網格分割模式，設定行和列（通常 9 個圖塊為 3×3，或 6 個圖塊為 2×3），該工具會將您的影像分成相等的部分。將所有部分下載為 ZIP 檔案，然後按順序將它們上傳到 Instagram 以建立無縫的網格效果。
- 分割會降低影像品質嗎？
- 不會，分割從原始影像中擷取像素區域而不進行重新取樣，因此沒有品質損失。每個分割部分保持與原始影像相同的像素密度。品質取決於原始影像的解析度 - 更高解析度的原始影像產生更高品質的分割。
- 我可以下載單個部分或一次性下載所有部分嗎？
- 可以，您可以透過點擊每個分割影像來下載單個部分，或使用"下載所有 ZIP"按鈕將所有部分一次性下載為 ZIP 檔案。ZIP 檔案使管理和共用所有分割部分變得容易。
- 我可以建立的最大網格大小是多少？
- 該工具支援從 1×1 到 10×10（最多 100 個圖塊）的網格大小。非常大的網格（8×8 或更高）最適合高解析度源影像，以確保每個圖塊有足夠的細節。對於大多數社群媒體使用案例，3×3 或 4×4 網格是理想的。
相關文件
- MDN - Canvas API - HTML5 Canvas API 圖像處理和操作
- MDN - 檔案 API - 在Web應用中處理檔案和Blob
- Web.開發 - 圖像優化 - Web圖像優化最佳實踐
- W3C - PNG 規範 - 官方PNG圖像格式規範
- MDN - 圖像檔案類型指南 - 圖像檔案類型和格式指南