HTML 轉 PNG 轉換器

PNG 自 1996 年起就是 W3C 建議標準，採用無損壓縮，因此 14 px 內文的反鋸齒邊緣、1 像素的表格邊框和語法上色的程式碼都能原樣保留。這就是開發人員會把 PNG 截圖附在錯誤回報中、設計師會在審查時分享的原因：沒有人需要猜測模糊的邊緣是 CSS 問題還是壓縮瑕疵。

代價是檔案大小。由文字和純色組成的頁面壓縮效果很好；滿是照片的頁面則不然。如果截圖要放進聊天或電子郵件，檔案大小比清晰細節更重要，JPG 的檔案會比較小。對於文件、版本說明、儀表板和樣式指南，PNG 是比較穩妥的預設選擇。

寬度決定版面。HTML 沒有固定的頁面：同一個檔案在 1280 px 會顯示三欄的桌面設計，在 390 px 則是單欄堆疊。轉換器會依您輸入的 HTML 頁面寬度（320 到 3840 px 之間）排版，再從第一行到頁尾完整擷取。

單純的 .html 檔案常常依賴其他地方的資源：css 資料夾裡的樣式表、原始伺服器上的圖片、字型服務提供的字型。這些資源遺失時，網頁會退回成使用預設字型的無樣式文字。在 Chrome 或 Edge 中將網頁存成「網頁，單一檔案」會產生 .mhtml 檔案，把樣式和圖片保留在一起，這是最可靠的上傳方式。

網頁字型也適用同樣的規則。以 @font-face 宣告的字型只有在能存取到字型檔時才會載入；只存在於您自己電腦上的字型會被相近的字型取代。如果字體排印必須精確，請內嵌字型，或在傳出去之前先檢查結果。

固定寬度也能讓每週報表的擷取結果並排比較。如果結果需要保留可選取的文字以便列印，請改用 HTML 轉 PDF。