免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具,這些服務多半不需要額外下載軟體,輸入網址就能建立網頁截圖,有些還能選擇要用的裝置類型或解析度大小,對於檢查自適應網頁設計(Responsive Web Design)網站呈現效果來說會很有用,有時候也可能用來備份網頁內容,像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片,或是 Screenshot GuruFull Page Screen Capture 都能透過瀏覽器建立網頁擷圖。

本文要推薦的Screenshot Machine」是一個網站擷圖產生器,號稱非常友善易用,除了在輸入網址後將網頁畫面轉為圖片,也能另存為 PDF 格式。Screenshot Machine 可以設定要使用桌面瀏覽器、平板電腦或智慧型手機大小,也能建立完整的網站擷圖畫面,對於中文內容來說能正常顯示而不會產生亂碼等問題。

對於需要產生更多網站擷圖的開發者來說,Screenshot Machine 提供不同規格付費方案,免費部分每個月可以產生 100 張擷圖或 PDF 文件,不過小量使用就不需要註冊帳戶,直接開啟網站輸入網址就能使用。如果需要保存或備份網頁畫面但手邊又沒有軟體,類似的服務就能滿足你的需求。

Screenshot Machine
https://www.screenshotmachine.com/

使用教學

STEP 1

開啟 Screenshot Machine 網站,把要產生擷圖的網址複製貼上,下方可以選擇使用桌機、平板電腦或智慧型手機,其實就只是螢幕解析度大小不同,若網站使用自適應網頁設計就能在不同的螢幕尺寸呈現不同的效果。

如果想要擷取從頭到尾的完整網頁畫面,可以勾選「Full website screenshot」,接著點選下方的「Capture Website」按鈕就會開始抓取畫面。

若要將網頁畫面轉為 .pdf 格式,點選上方的 PDF 後切換此功能,可以設定要使用直式或橫式畫面,針對列印輸出最佳化或是放大 50%,選擇後一樣是按下「Convert to PDF」轉換。

STEP 2

稍待片刻 Screenshot Machine 就會在結果頁面顯示擷取的網頁畫面。

如果選擇平板電腦或手機版,抓取後的頁面樣式看起來可能會跟桌面瀏覽器不同,特別是在自適應網頁設計的網站上,因為寬度縮小而自動調整的版型樣式,利用 Screenshot Machine 也能進行檢測,這部份和之前介紹的 ScreenDump 功能類似。

點選上方「Download Screenshot」下載網頁擷圖。

STEP 3

若想將網頁畫面轉為 PDF 格式,操作方式和轉為圖片擷圖差不多,不過在產生後的預覽就會是 PDF 文件,可以擷取的內容更多,也能依照需求調整為直式或橫向顯示,放大內容、針對列印進行最佳化等等。

值得一試的三個理由:

  1. 輸入網址後將網頁畫面轉為圖片或 PDF 格式
  2. 可選擇桌面瀏覽器、平板電腦或智慧型手機螢幕大小
  3. 操作方式簡單,網頁內的廣告或中文內容可正確顯示