分類
Web 2.0

Webkut 網站截圖工具

每次需要剪裁整頁網站頁面時,除了使用 Photoshop 或者其他繪圖軟體之外。之前介紹過的 Thumbalizr 網站服務及小工具 url2bmp 也是不錯的選擇。而 Webkut 是一款架構在 Adobe Air 上的一個應用程式,安裝非常簡單。安裝完畢之後即可使用。

畫面如下:

工具列:

可輸入想要擷取頁面的網址,輸出的字體也很漂亮 @@

Choose a WebKut option 有三種功能

All page –  全網站頁面抓取

Current view – 螢幕頁面抓取(就是抓螢幕看得到的區塊)

Selection – 選取的區域,會秀出整個頁面讓你擷取(該功能讚!)

旁邊的 Settings 可以自行設定輸出的格式及位置,還有自動編號的功能,不會讓儲存圖片時覆蓋到之前的檔名。

抓取頁面的效果

心得:

該程式真是超級好用,小而美又實用。

分類
Web 2.0

Thumbalizr – 線上截圖

有網友詢問說要如何抓取整個網站的畫面,其實艾德這邊有三種方法可以做到,一種是拍畫面 -> 剪裁 -> 拍畫面 -> 剪裁,然後弄成完整一個頁面,這方法會搞死人 XD。

現在有個平台,專門做這樣的動作。Thumbalizr, 線上截圖平台,網站的服務相當簡單,只要輸入網址之後就可以自動的將網站的畫面抓取回來,他提供了 Screen Mode 跟 Page Mode ,Screen Mode 只會抓取固定大小的畫面,Page Mode 則是會整個網站的畫面都擷取下來,不管你的網頁有多長。擷取之後會提供各種比例的截圖,非常實用。

在這邊輸入 URL 之後就可以選擇要哪種擷取模式,要抓取整個網頁的畫面,就要選 Page,選好之後按下 thumb it 。

這時候網站已經幫你把各種常用的尺寸都整理好,當然也可以自行輸入,在 Custom 那邊輸入要的寬度即可。

至於第三種抓取瀏覽器畫面的是 url2bmp ,蠻好用的啦!一樣是輸入網址就可以抓取瀏覽器畫面,可自行定義要抓取的高度。