跳至主要內容
Lizely

圖片網格分割

將一個本機的 JPG、PNG 或 WebP 分割成最多 100 個全解析度的 PNG 網格,且不會上傳圖片。

隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。

使用方式

  1. 1.選擇符合顯示檔案與畫素限制的本機 JPG、PNG 或 WebP。
  2. 2.輸入 1 至 10 行數與 1 至 10 列數,然後點選「分割圖片」。
  3. 3.請確認每個編號網格的尺寸,並下載你需要的 PNG 檔案。

關於圖片網格分割

圖片網格分割會將一張本機圖片分割成一個矩形的獨立 PNG 檔案。選擇 JPG、PNG 或 WebP,輸入行數與列數,並點選「分割圖片」。結果會以從上到下、從左到右的順序列出每一個網格,並標示其精確尺寸與獨立下載連結。所有檔案解碼、像素提取、PNG 編碼與下載建立皆發生在當前瀏覽器標籤頁內,原始圖片絕不會上傳至 Lizely。

該工具支援從一到十行、一到十列,最多可產生 100 個網格。它使用圖片的自然像素尺寸,而非縮放預覽尺寸。例如,一張 1200 時間 900 的圖片,分割為三行四列,將產生十二個 300 時間 300 的網格。若尺寸無法整除,會以正確方式處理,而非四捨五入至誤導性的常數尺寸。邊界由比例整數座標計算,因此相鄰網格完全接合,且每個原始像素僅屬於一個網格。

例如,將一個 10 像素寬度分成四列,會產生 2、3、2 與 3 像素寬度。最寬與最窄網格的差異最多僅一像素,四個寬度總和為十,且不會捨棄任何窄條。相同規則也適用於高度。該工具同時拒絕會產生零像素網格的設定,例如從僅兩像素高的圖片中取出三行。

每個網格皆在自然尺寸的離屏畫布上渲染。瀏覽器僅複製該網格的原始矩形區域,不進行拉伸、插值、濾鏡、邊框、填充或轉換為有失真壓縮格式。所有輸出皆為 PNG,以確保邊界清晰且原始透明度得以保留。若原始圖片為 JPEG 或 WebP,將進行解碼與重新編碼,因此即使可見像素區域被保留,原始元資料與原始壓縮位元組亦將不被保留。

輸入僅支援瀏覽器可解碼的 JPG、PNG 或 WebP 檔案,且大小不得超過 25 MiB。解碼後的圖片必須維持在 20,000 像素每邊,總計不超過 40 百萬像素。這些限制可避免瀏覽器標籤頁因意外過大的畫布分配而崩潰。若檔案型別不正確、檔案為空、解碼失敗、瀏覽器不支援畫布、網格值無效或 PNG 編碼失敗,將顯示明顯錯誤,而非部分或虛假成功的輸出。

輸出名稱包含原始基礎名稱加上行與列的數字,例如 photo-row-2-column-3.png。這讓檔案可以排序,並在最後一行或一列較大一個像素時去除歧義。結果也會報告每個圖塊的寬度、高度與近似編碼大小。改變來源或任一網格值會使舊輸出無效,且瀏覽器臨時網址在被取代或工具關閉時會被收回。

此專注的分割工具一次僅處理一張圖片,並產生規則的行×列網格。它不會偵測臉部、自動找出面板、產生重疊切片、加入溢位、將下載包裝為 ZIP、重建全景,或最佳化 PNG 檔案。對於印刷生產、社交平臺模板或帶有自訂導線與縫隙的網格,建議使用支援手動切片位置的編輯器。若僅需簡單的九格貼文,設定為三行三列,並下載九個編號結果。

方法與來源

驗證一個有邊界限制的本機圖片,計算每個網格邊界為 floor(index × dimension ÷ count),拒絕零像素網格,將每個原始矩形繪製一次至其自然尺寸的畫布上,編碼為 PNG,保留行主序命名,保護舊的非同步工作,並在輸出被取代時廢除對應的 Object URL。

常見問題

當尺寸不均時,分割會遺失像素嗎?
不會。整數邊界會精確覆蓋每個原始像素,且不均的行或列之間的差異最多僅一像素。
為何所有網格都是 PNG 檔案?
PNG 保留了網格邊界與透明度的精確性,並未為每個提取區域加入有損的 JPEG 壓縮。
我的原始圖片會被上傳嗎?
不會。解碼、切片、編碼與下載建立皆在當前瀏覽器標籤頁中本機執行。
我可以將圖片分割為 3 時間 3 的 Instagram 風格網格嗎?
可以。設定行數與列數為 3;九個下載檔將依閱讀順序以行與列命名。

圖片工具 使用指南

查看全部