圖片工具

對齊兩張圖片

參考圖A

截圖B

每張靜態JPEG/PNG/WebP:15MB/16MP/8192px · 兩圖30MB/32MP

先聚焦A或B欄位再貼上圖片,也可直接拖入對應欄位。

疊圖對齊設定

疊圖對齊設定

倍率1–2000%、DPR0.25–8、偏移±8192像素,超倍率範圍不可適配,不猜CSS/設備像素。

選擇A與B · 預設1:1/B 50%選擇A與B · 預設1:1/B 50%

請選擇參考圖A與截圖B。

兩圖和設定僅留本頁,不上傳、不儲存歷史。

使用說明與常見問題

匯入一次,切換功能無需重選。

選擇參考圖A與截圖B,確認映射後移動B,再匯出實際疊加對照圖。

如何對齊兩張圖片

  1. 每個明確標示的欄位選擇一張靜態JPEG、PNG或WebP。
  2. 尺寸不同時選擇1:1像素、適配或手動改幾何;調整偏移、等比縮放、透明度與聲明的DPR。
  3. 檢查有界預覽,產生真正的對照PNG,下載前用100%或200%核對。

明確像素映射

方向校正後的參考圖A像素定義匯出畫布。B比例=(A DPR/B DPR)×使用者百分比;DPR是你聲明的映射假設,不從PNG中繼資料猜測。不同尺寸須主動選擇1:1、適配或手動幾何;適配保持完整比例並置中,不拉伸。1:1像素將兩DPR重設為1、倍率為100%。

A與B是獨立檔案角色,不按檔案順序交換。每張靜態JPEG/PNG/WebP限15MB、16MP、單邊8192px,兩圖合計30MB/32MP。圖片Tab只接續參考圖A,截圖B僅留本工具,離開釋放。

對照圖不是正確性評分

真正PNG採用A方向校正後的尺寸及明確不透明底色,記錄所選圖層顯示、B不透明度和位置,不修改輸入檔案。參考線只影響預覽;這是手動疊圖,不自動識別設計、不計算像素差異率或保證實作正確。輸出16MP/8192px/50MB、45秒檢查點;順序解碼原圖,取消或改參數不會恢復舊下載。

常見問題

會自動找到對齊位置嗎?

主動選擇座標映射並調整B。方向鍵移動1個A原像素,Shift為10;Home置中,Escape、失焦或指標取消回復手勢。

截圖像素一定是CSS像素嗎?

只有知道截圖來源時才能聲明DPR關係。預設1,不猜設備比例或圖片中繼資料。

切換參考線會改變下載嗎?

參考線僅改預覽;圖層顯示、透明度和幾何影響對照內容,改動會撤銷舊結果。