螢幕適配對照
載入會讓瀏覽器連接目標網站；網站可能收到 Cookie 並載入其它資源。網址只留在本頁，不進入統計。
部分網站禁止嵌入。受限預覽不支援登入、提交表單、彈出視窗或網頁截圖；只調整視埠尺寸，不改變瀏覽器身分或裝置能力。
螢幕高度須為 200–2560 CSS px。
螢幕
可拖入或貼上 · JPEG / PNG / WebP · 15MB / 16MP
拖動裝置邊緣調整螢幕；拖動圖片下邊緣調整顯示框。
圖片與設定只留在目前頁面，不上傳、不儲存歷史。
使用說明與常見問題
選擇本機圖片，調整螢幕寬度與顯示框，並排查看 contain 及 cover 的原圖可見範圍。
如何對照圖片版面
- 選擇、拖入或貼上一張靜態 JPEG、PNG 或 WebP 圖片。
- 調整螢幕寬度，選擇固定框高或長寬比；兩欄使用相同邊距、位置及背景。
- 查看原圖範圍示意與保留比例，產生實際 PNG，將版面條件一起傳給設計。
圖片像素、檔案大小與版面是三個概念
800×400 圖片的原始比例為 2:1，但頁面可以放進 390×240 CSS 像素的框：contain 完整顯示並留白，cover 填滿框並裁掉兩側。KB 代表編碼後的檔案位元組數，減少 KB 本身不會改變 CSS 版面。
螢幕寬度是明確宣告的 CSS 檢視區條件，不代表某款手機、DPR、實體尺寸或完整瀏覽器模擬。顯示縮放只讓畫面適應工作台，並分別標示。留白只計繪製圖像外的區域，不把原圖透明像素計為留白。可見範圍可能有小數座標，表示幾何取樣範圍，並非整數像素裁切。
條件明確的本機對照
單張靜態 JPEG／PNG／WebP，上限 15MB、16MP、單邊 8192px。螢幕寬 200–1440 CSS px，框高 32–4096；比例兩項為 1–8192 整數，計算高度四捨五入為整數。每側邊距 0–96，框寬至少 32px；位置為 0–100%。
PNG 包含兩欄版面、固定標示、數值幾何及明確不透明背景。一個 CSS 像素對應一個輸出像素，不複製輸入檔名或中繼資料。輸出上限 16MP、單邊 8192px、50MB，並設 45 秒檢查點。圖片處理不上傳、不持久儲存；網頁模式只在主動載入後連線。
網頁網址
載入會讓瀏覽器連接目標網站；網站可能收到 Cookie 並載入其它資源。網址只留在本頁，不進入統計。
部分網站禁止嵌入。受限預覽不支援登入、提交表單、彈出視窗或網頁截圖；只調整視埠尺寸，不改變瀏覽器身分或裝置能力。
調整裝置尺寸查看響應式版面；顯示縮放只改變工作區檢視。
常見問題
為何 cover 會裁掉圖片？
cover 取橫向與縱向縮放倍率中較大的值以填滿顯示框，多出的部分落在框外。位置決定保留哪一側。contain 取較小倍率，完整保留原圖。
調整預覽會壓縮原圖嗎？
不會，來源檔案保持原樣。CSS 顯示寬度、原圖像素與檔案 KB 分別計量；選圖與設定變更後自動更新 PNG 對照圖，下載需自行點選。
能輸入網頁網址預覽嗎？
部分網站禁止嵌入。受限預覽不支援登入、提交表單、彈出視窗或網頁截圖；只調整視埠尺寸，不改變瀏覽器身分或裝置能力。 載入會讓瀏覽器連接目標網站；網站可能收到 Cookie 並載入其它資源。網址只留在本頁，不進入統計。