HTML 轉 JPG 轉換器
上傳已儲存的網頁、電子郵件範本或 HTML 報表,即可取得整頁由上到下的 JPG 圖片。瀏覽器寬度由您決定,因此結果可以呈現桌機版面或手機版面。
文件轉圖片
或將DOC, DOCX, DOCM … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
轉換所有頁面、只轉換第一頁(縮圖或封面),或指定範圍。
要轉換的頁面或投影片,例如 1-3, 5, 8-10。
僅限 HTML 檔案:用來呈現頁面的瀏覽器視窗寬度。1280 px 是一般筆電;390 px 會顯示行動版版面。
85 能以適中的大小保持文字清晰。數值越低檔案越小,但小字會變模糊。
使用方式
- 1
上傳 HTML 檔案
拖放 .html、.htm 或 .mhtml 檔案,一次最多 20 個。若網頁含有圖片與樣式,請先在瀏覽器中將網頁儲存為單一檔案(MHTML),讓所有內容一併包含在檔案中。
- 2
選擇頁面寬度
HTML 頁面寬度預設為 1280 px,相當於一般筆電螢幕。手機版面請輸入 390 px,電子郵件範本請輸入 600 px。圖片預設為一張長圖。
- 3
轉換為 JPG
按下轉換為 JPG,然後下載圖片。若想把網頁分割成適合列印的大小,請將圖片改為每頁一張。
HTML 轉 JPG 就是用檔案產生的整頁截圖:您選擇的瀏覽器寬度決定版面,JPG 則完整擷取其中每個像素。
HTML 檔案如何變成 JPG 圖片
HTML 檔案是一組指令,而不是圖片。瀏覽器會讀取標記、套用樣式表、載入圖片與字型,再依視窗寬度排版。寬度改變時,響應式網頁會重新排列:欄位堆疊、選單收合、圖片縮小。因此轉換器會先請您設定HTML 頁面寬度。
排版完成後,會從上到下擷取整個網頁,而不只是一個螢幕放得下的部分。將圖片設為一張長圖時,會得到一張很高的 JPG;改成每頁一張,則同樣的內容會被切成頁面大小的圖片。
品質預設為 85,既能讓內文清楚易讀,檔案又比同一頁面的 PNG 小很多。若網頁有小字或必須保持銳利的細表格線,可以調高到 95 左右。
1280 px算繪網頁時的預設瀏覽器寬度
選擇頁面寬度:完整桌機頁面或手機版檢視
預設值。多數網站在這個寬度會顯示完整的桌面版面,包含導覽列與側邊欄。
- 網站檢視與客戶確認
- 封存網頁當時的樣貌
- 簡報與報告
許多近期 iPhone 的 CSS 寬度。響應式網頁會切換成手機版面,產生又高又窄的圖片。
- 展示手機版設計
- 應用程式商店或社群媒體的設計稿
多數 HTML 電子郵件範本設計的寬度。範本的呈現方式會和桌面郵件軟體顯示的完全一致。
- 電子報預覽
- 分享活動郵件的預覽稿
全 HD 螢幕。適合儀表板,以及在大螢幕上會增加欄位的網頁。
- 分析儀表板
- 寬幅資料表格
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
JPG
JPEG 影像
JPEG(或 JPG)是使用最廣泛的照片格式,由 Joint Photographic Experts Group 於 1992 年標準化。它採用失真壓縮,捨棄肉眼不易察覺的細節,讓照片小到適合網頁、電子郵件和手機儲存。它能妥善處理平滑漸層和自然景物,但銳利的文字、線稿和純色區域會出現明顯的區塊或模糊瑕疵。JPEG 沒有透明度也沒有動畫,每次重新儲存都會再損失一點畫質。所有瀏覽器、手機、相機和影像編輯器都能開啟。
- 壓縮方式
- 有損
- 透明度
- 不支援
- 動畫
- 不支援
- 推出年份
- 1992 · Joint Photographic Experts Group
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(多數電子郵件範本設計的寬度),並維持一張長圖。這樣就能快速產生視覺預覽,分享給不方便收到測試郵件本身的人。