UltKit

HTML 轉 JPG 轉換器

上傳已儲存的網頁、電子郵件範本或 HTML 報表,即可取得整頁由上到下的 JPG 圖片。瀏覽器寬度由您決定,因此結果可以呈現桌機版面或手機版面。

文件轉圖片

或將DOC, DOCX, DOCM … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 HTML 檔案

    拖放 .html、.htm 或 .mhtml 檔案,一次最多 20 個。若網頁含有圖片與樣式,請先在瀏覽器中將網頁儲存為單一檔案(MHTML),讓所有內容一併包含在檔案中。

  2. 2

    選擇頁面寬度

    HTML 頁面寬度預設為 1280 px,相當於一般筆電螢幕。手機版面請輸入 390 px,電子郵件範本請輸入 600 px。圖片預設為一張長圖。

  3. 3

    轉換為 JPG

    按下轉換為 JPG,然後下載圖片。若想把網頁分割成適合列印的大小,請將圖片改為每頁一張。

HTML 轉 JPG 就是用檔案產生的整頁截圖:您選擇的瀏覽器寬度決定版面,JPG 則完整擷取其中每個像素。

HTML 檔案如何變成 JPG 圖片

HTML 檔案是一組指令,而不是圖片。瀏覽器會讀取標記、套用樣式表、載入圖片與字型,再依視窗寬度排版。寬度改變時,響應式網頁會重新排列:欄位堆疊、選單收合、圖片縮小。因此轉換器會先請您設定HTML 頁面寬度。

排版完成後,會從上到下擷取整個網頁,而不只是一個螢幕放得下的部分。將圖片設為一張長圖時,會得到一張很高的 JPG;改成每頁一張,則同樣的內容會被切成頁面大小的圖片。

品質預設為 85,既能讓內文清楚易讀,檔案又比同一頁面的 PNG 小很多。若網頁有小字或必須保持銳利的細表格線,可以調高到 95 左右。

1280 px算繪網頁時的預設瀏覽器寬度

可設定範圍:320 至 3840 px。較窄的寬度會顯示手機版面,較寬的則顯示桌面版面。

選擇頁面寬度:完整桌機頁面或手機版檢視

預設值。多數網站在這個寬度會顯示完整的桌面版面,包含導覽列與側邊欄。

  • 網站檢視與客戶確認
  • 封存網頁當時的樣貌
  • 簡報與報告

HTML 轉 JPG 結果不正確時

  • 圖片遺失或顯示為破圖圖示

    圖片是存放在 HTML 旁邊,而不是內嵌在檔案裡。請將網頁儲存為單一 MHTML 檔案,或讓圖片使用完整的網址。

  • 頁面空白,或只顯示載入中的轉圈圖示

    內容是在網頁載入後由指令碼產生,或需要登入才能看到。請在瀏覽器中開啟,等到完全載入後,再儲存為單一檔案。

  • 文字在右側邊緣被截斷

    網頁使用了比視窗更寬的固定寬度。請調高HTML 頁面寬度以符合,例如 1440 px。

  • JPG 太大,無法上傳到表單

    將品質降到 70 左右、使用較窄的寬度,或之後用壓縮圖片縮小檔案。

HTML

超文字標記語言

HTML 是網頁的標記語言,由 Tim Berners-Lee 在 1990 年代初期提出,現由 WHATWG 以持續更新的標準維護。HTML 檔案用來描述標題、段落、連結、表格、圖片和表單,樣式通常由 CSS 提供。所有瀏覽器都能呈現 HTML,電子郵件範本和儲存的網頁也使用它。單一 HTML 檔案常依賴外部圖片和樣式表,單獨移動後可能會顯示異常。

壓縮方式
–
透明度
–
動畫
–
推出年份
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 轉檔工具

JPG

JPEG 影像

JPEG(或 JPG)是使用最廣泛的照片格式,由 Joint Photographic Experts Group 於 1992 年標準化。它採用失真壓縮,捨棄肉眼不易察覺的細節,讓照片小到適合網頁、電子郵件和手機儲存。它能妥善處理平滑漸層和自然景物,但銳利的文字、線稿和純色區域會出現明顯的區塊或模糊瑕疵。JPEG 沒有透明度也沒有動畫,每次重新儲存都會再損失一點畫質。所有瀏覽器、手機、相機和影像編輯器都能開啟。

壓縮方式
有損
透明度
不支援
動畫
不支援
推出年份
1992 · Joint Photographic Experts Group
JPG 轉檔工具

HTML 只有在瀏覽器中才能正確顯示;轉成 JPG 後,就能把某一次的呈現結果固定成圖片,方便附加、張貼、封存或放進簡報,這些情況下程式碼都派不上用場。

HTML 轉 JPG 常見問題

可以直接貼上網址轉成 JPG 嗎?

不行,這個轉換器處理的是您上傳的 HTML 檔案。請在瀏覽器中開啟網頁,使用「另存新檔」並選擇「網頁,單一檔案」(Chrome 與 Edge 為 MHTML),再上傳該檔案。這個檔案同時包含 HTML、樣式與圖片。

為什麼 JPG 只顯示純文字,沒有任何樣式?

HTML 儲存時沒有附上樣式表與圖片,選擇「網頁,僅 HTML」時就會發生這種情況。轉換器只能讀到標記內容。請重新將網頁儲存為單一 MHTML 檔案,或在上傳前把 CSS 直接寫在 HTML 內。

一張 JPG 最多能容納多長的頁面?

JPEG 格式限制每一邊最多 65,535 像素,因此很長的網頁搭配很寬的設定可能會超過上限。長文章請將圖片改為每頁一張,或改用沒有此限制的 HTML 轉 PDF。

網頁截圖該選 JPG 還是 PNG?

JPG 檔案較小,適合含有照片的網頁。PNG 能讓小字和細線保持清晰,也支援透明背景,更適合介面設計稿與儀表板。我們的 JPG、JPEG 與 PNG 差異說明文章整理了兩者的取捨。

為什麼圖片中的字型和我的瀏覽器看起來不一樣?

只安裝在您電腦上的字型,在網頁進行算繪的環境中無法使用,因此會改用備用字型。內嵌在已儲存網頁中,或隨網頁樣式載入的網路字型,則會正常顯示。

可以把 HTML 電子郵件範本轉成圖片來預覽嗎?

可以。將HTML 頁面寬度設為 600 px(多數電子郵件範本設計的寬度),並維持一張長圖。這樣就能快速產生視覺預覽,分享給不方便收到測試郵件本身的人。