Full Page Screen Capture 線上產生網頁長擷圖,正常顯示中文內容無廣告

Full Page Screen Capture 線上產生網頁長擷圖,正常顯示中文內容無廣告

無論是電腦或行動裝置其實都有內建螢幕擷取功能,也就是透過特定的快速鍵組合就能將畫面抓下來,儲存成常見圖片格式,抓圖的功能大家應該不陌生。有時候內建的工具並不一定能滿足一些進階使用者需求,例如要拿來抓取工作上使用的圖片時就會選擇其他更專業的擷圖軟體,我個人很喜歡 Jing,但是 macOS 10.15 後只支援 64 位元應用程式,TechSmith Screenshot 將成為 Jing 的替代方案。

Screenlapse 自動網站截圖服務可設定每小時、每日、每週或每月排程

Screenlapse 自動網站截圖服務可設定每小時、每日、每週或每月排程

寫了十多年的文章,各式各樣的網路服務或軟體大概都看過,只能說大部分的需求應該都有對應的解決方案可以選擇,但有些工具就真的比較少看到有人開發,舉例來說,有定時自動偵測網頁內容有沒有發生變化並發送通知的網站監測服務,就很少看到依照排程自動擷取網頁畫面的線上工具,而接下來要介紹的這項服務可線上自動抓取網頁畫面,也能讓使用者設定要擷取的頻率或時間點。

Scrola 建立自動捲動網站效果的影片,設計網頁或簡報都很好用

Scrola

儘管有很多可以建立網站擷圖的軟體或網路服務,卻很少有人工具能幫你製作出動態效果的網頁畫面,這是什麼意思呢?簡單來說,就像是使用者實際在瀏覽網頁的感覺,會透過捲動方式慢慢往下瀏覽頁面,將這段過程錄製為影片格式,可以在網頁設計或投影片簡報中作為範例,雖然以螢幕錄影工具可以做到,但免不了需要花點時間編輯後製,還好科技就是用來解決問題,而現在已經有網路服務能幫你製作出網站瀏覽影片。

Screen Guru 輸入網址線上立即製作截圖,附帶 Mac 視窗和陰影效果

Screen Guru

無論你是使用電腦或行動裝置,現在都有所謂的「螢幕擷圖」功能,可透過快捷鍵快速保存當前畫面,對於用來儲存、備份內容或製作資料來說會很有用。當然你可能也有自己慣用的螢幕擷圖工具,但都沒關係,只要找個自己方便的方式即可。不過如果剛好需要製作網站縮圖,手邊又沒有適當軟體,線上工具就是最快、最簡便的解決方案,例如「Screenshot Guru」在輸入網址後就能將網站快速轉為 PNG 格式。

ShotSherpa 利用全球各城市網路節點查看你的網站顯示效果

ShotSherpa 利用全球各城市網路節點查看你的網站顯示效果

如果想檢查網站在世界各大城市能否正常開啟,請當地朋友幫忙協助測試是最快最準確的方法,或者以代理伺服器(Proxy)、VPN 等方式跳板到該地區的網路節點也能模擬連線效果,但這可能需要一些成本租用服務或部署環境。另一種省錢的方法是找到可在不同國家連線到某個網址並顯示連線結果的線上工具,也有助於發現難以連線或無法正常連線的問題。

Screenshot Guru 免費網站截圖工具,填入網址直接將頁面轉為 PNG 圖片

Screenshot Guru 免費網站截圖工具,填入網址直接將頁面轉為 PNG 圖片

無論你是使用 Windows 或 macOS 都有不少好用的免費螢幕擷圖軟體,例如 FastStone CaptureWinSnapPicPickJing(Mac),如果是智慧型手機或平板電腦也有內建畫面抓圖功能,相信大家有抓取過畫面的經驗,只是內建截圖工具沒辦法擷取整個網頁畫面,還是得有自動捲動網頁才行,而之前介紹過的 Web-Capture 就是一款可快速將某個網址轉為圖片輸出線上「網頁快照」服務。

Web-Capture 線上「網頁快照」服務,輸入網址完整擷取頁面轉圖片

Web-Capture 線上「網頁快照」服務,輸入網址完整擷取頁面轉圖片

現今常見的作業系統像 Windows、macOS 或行動裝置 iOS、Android 都有內建擷圖功能,而且使用上也非常簡單,Windows 直接按下鍵盤上的抓圖按鍵就會自動擷取到剪貼簿,而 Mac 則是透過 Shift-Command-3 快捷鍵拍攝螢幕快照,但有時候需要比較精確的截圖範圍就必須使用擷圖軟體達成,好消息是現在瀏覽器也都開始提供截圖功能,例如 Firefox Screenshots 或「使用 Chrome 內建工具製作網頁長截圖,擷取網站畫面免安裝下載外掛」都能擷取畫面。

URL2PNG 免費線上網頁擷圖服務,輸入網址立即備份轉為 PNG 圖片格式

URL2PNG 免費線上網頁擷圖服務,輸入網址立即備份轉為 PNG 圖片格式

一般若要擷取網頁畫面,我們會選擇使用擷圖軟體,例如我個人很推薦的 WinSnap 免費版或是 Jing(使用 Mac 的朋友推薦這套),但其實有一些線上工具能夠協助我們建立縮圖,只要輸入網址就可產生網頁擷圖畫面,無須額外安裝或下載軟體。本文要介紹的 URL2PNG 是一款相當好用的網頁縮圖產生器,也提供 API 串連工具,有多種不同方案規格可以選擇。

ScrnShots – 線上網站截圖(Screenshots)共享社群,可上傳、支援圖片外連!

ScrnShots

這項產品已經無法使用,請搜尋其他替代方案。

如果你是一個熱愛撰寫網路新知的部落客,那麼一定會時常需要抓取網站的截圖,或是像免費資源網路社群的教學圖片,往往每篇文章動輒數十張以上,而如何儲存這些圖片也是個令人頭痛的問題。例如儲存在網路相簿無法外連、儲存在圖片空間又很不容易管理。

現在有個名為 ScrnShots 的服務,它是一個開放式的網站截圖、網站縮圖共享平台,使用者可以將自己截取的網頁截圖上傳到 ScrnShots, 或是使用關鍵字來搜尋其他人的傑作,並且內嵌到自己的部落格文章內。

websnapr – 免費線上網頁截圖工具

websnapr是一個線上網頁截圖的服務,如同先前介紹過的WebThumbToLib© WebThumb Capter。如果你是個平常會寫網頁介紹的部落客,那麼使用websnapr來產生網站截圖就變得相當實用。目前websnapr提供四種縮圖尺寸,分別是90×70、202×152、400×300和640×480,使用者只要在Website URL的下方輸入欲縮圖的網站網址,選擇一個縮圖尺寸並按下Capture!就能夠產生縮圖。