何時此工具有用
長截圖區段、前後對照條、漫畫面板、掃描片段、收據或有助於維持一致單元格尺寸並選擇單一背景的簡單影像序列。
本地處理如何運作
瀏覽器解碼每個影像,分配一個由所選單元格寬、高、間距與外邊距構成的有界 RGBA 畫布,然後依序放置來源影像。contain 將整張影像縮放以適合並可展示所選背景;cover 則縮放以填滿並裁切邊緣。合成後的影像編碼為 PNG。
使用方法
- 準備來源: 長截圖區段、前後對照條、漫畫面板、掃描片段、收據或有助於維持一致單元格尺寸並選擇單一背景的簡單影像序列。
- 本地處理: 瀏覽器解碼每個影像,分配一個由所選單元格寬、高、間距與外邊距構成的有界 RGBA 畫布,然後依序放置來源影像。contain 將整張影像縮放以適合並可展示所選背景;cover 則縮放以填滿並裁切邊緣。合成後的影像編碼為 PNG。
- 下載並驗證: 確認來源順序和計算出的輸出尺寸,檢查每個單元格中的 contain 背景區域或 cover 裁切邊緣,檢查間距、邊距、接縫、透明度與顏色(100%),並保留原始檔,因為扁平 PNG 無法無損地拆回來源檔案。
重要限制
所有輸入成為一個光柵圖層。動畫、向量、可編輯圖層、來源元資料、色彩配置意圖、原始容器及獨立檔案不會被保留;瀏覽器解碼可能影響顏色,且過長的畫布在分配前會被拒絕。
驗證下載的結果
確認來源順序和計算出的輸出尺寸,檢查每個單元格中的 contain 背景區域或 cover 裁切邊緣,檢查間距、邊距、接縫、透明度與顏色(100%),並保留原始檔,因為扁平 PNG 無法無損地拆回來源檔案。
設計上保密
您的檔案將保存在此瀏覽器中。工具不會將來源或輸出上傳到我們的伺服器。
問答
這個工具什麼時候有用?
長截圖區段、前後對照條、漫畫面板、掃描片段、收據或有助於維持一致單元格尺寸並選擇單一背景的簡單影像序列。
瀏覽器實際上做了什麼?
瀏覽器解碼每個影像,分配一個由所選單元格寬、高、間距與外邊距構成的有界 RGBA 畫布,然後依序放置來源影像。contain 將整張影像縮放以適合並可展示所選背景;cover 則縮放以填滿並裁切邊緣。合成後的影像編碼為 PNG。
我必須理解哪些限制?
所有輸入成為一個光柵圖層。動畫、向量、可編輯圖層、來源元資料、色彩配置意圖、原始容器及獨立檔案不會被保留;瀏覽器解碼可能影響顏色,且過長的畫布在分配前會被拒絕。
我應該如何驗證結果?
確認來源順序和計算出的輸出尺寸,檢查每個單元格中的 contain 背景區域或 cover 裁切邊緣,檢查間距、邊距、接縫、透明度與顏色(100%),並保留原始檔,因為扁平 PNG 無法無損地拆回來源檔案。