還記得上個月介紹的「Firefox Send 私密、加密免費檔案分享服務，下載或 24 小時鏈結自動刪除」嗎？這陣子 Firefox 不斷推出相當令使用者驚豔的作品，或許這麼說好了，這些服務雖然都不是新的概念，Mozilla 透過社群力量重新開發，我認為是再一次做好「蹲馬步」的基本功，雖然我不知道市場反應好不好，但我對這幾個新推出的服務或工具相當看好，包括之前推薦的 Firefox Focus 讓上網更快更安全的 iOS、Android 隱私瀏覽器，而接下來我也會緊追著 Firefox，隨時將這些我認為非常值得一用的新服務推薦給讀者。

今天 Mozilla 推出一項新功能「Firefox Screenshots」，這個內建的免費擷圖工具讓 Firefox 火狐瀏覽器更強大！Firefox Screenshots 可以直接在瀏覽器裡實現網頁抓圖、截取、儲存和分享截圖畫面，無須安裝額外的擴充功能，當然操作上也是非常簡單，快速選取要拍攝的網頁範圍，一鍵就能轉為圖片，下載到電腦中或直接上傳 Firefox 雲端伺服器，同時產生共享的網址。

值得一提的是 Firefox Screenshots 截圖工具相當智慧，可針對網頁內各個元件範圍快速選取，例如你想要抓取文章段落，就不用擔心要怎麼閃過廣告、側邊欄或其他不相干的部份，也能大幅節省抓圖時間。當然這個工具本身也能自訂要抓圖的範圍，如同一般的截圖軟體，不一樣的是 Firefox Screenshot 除了能夠直接將擷取畫面下載成圖片格式外，還能快速上傳雲端，產生圖片分享網址，讓使用者自訂擷圖過期時間。

網站名稱：Firefox Screenshots
網站鏈結：https://screenshots.firefox.com/

使用教學

STEP 1

開啟 Firefox 後於網址列輸入 about:config ，看到警告畫面點擊「我發誓，我一定會小心的！」。

STEP 2

在上方搜尋框輸入 extensions.screenshots.system-disabled 會看到偏好設定名稱，預設值是 true 情況下擷圖功能就會被停用，快速點擊兩次讓它變成 false，擷圖功能就會出現囉！

Firefox Screenshots 會顯示於網址列右上角，圖示是一把小剪刀。

使用 Screenshots 抓圖、拍攝網頁，快速上傳 Firefox 雲端

STEP 1

第一次使用 Firefox Screenshots 會跳出歡迎畫面，簡單介紹 Screenshots 的特色和功能。

STEP 2

在畫面擷取模式下，利用拖曳方式來選擇區域，或直接移動滑鼠游標，會自動選擇網頁上的元件。

前面有提到 Screenshots 跟其他抓圖軟體不一樣的是它可以自動選取要擷取的網頁段落，不用使用者辛苦拖曳滑鼠，選擇位置，當然在選擇後一樣會在角落出現八個點，透過滑鼠也能微調要抓圖的範圍。

STEP 3

選定範圍後，右下角會有三個按鈕，從左到右分別是：清除、下載和儲存，點擊「下載」可將擷圖畫面儲存為圖片檔，放在電腦裡；另一個「儲存」則是上傳 Firefox 雲端，也是我要推薦這項服務的另一個原因。

STEP 4

當點擊「儲存」後，你剛才的擷圖畫面會被上傳到 Firefox Screenshots 平台，如果你想看看效果，可以嘗試連接這個網址：https://screenshots.firefox.com/7x8gtX1iACA6YH94/free.com.tw 。

從右上角一樣可「下載」這張擷圖，上方會顯示截圖的網站標題、來源網址。

如果想把截圖分享給其他人，點擊右上角的「分享」會有快速分享按鈕，也可以取得擷圖分享用鏈結，只要知道這個鏈結都能存取擷圖，但除了檢視外並不能刪除或修改，但一樣可以下載原圖。

STEP 5

另一個必須要注意的是 Firefox Screenshots 預設只會保存擷圖 14 天，過期後會自動刪除、無法存取，不過還好 Firefox 允許使用者自己設定過期、失效期限，只要點擊上方時間就能調整保存期限，包括 10 分鐘、1 小時、1 天、1 星期、2 星期、1 個月甚至可以無限久，完全不會過期刪除。

從 Firefox Screenshots 網站點擊右上角「我的擷圖」就能存取所有你曾經抓取過的網頁畫面。

延伸閱讀其他免費擷圖工具：

• WinSnap 中文免費版，功能強大的螢幕截圖軟體
• Full Page Screen Capture 將網頁完整擷取備份，輸出另存為圖片格式（Chrome 擴充功能）

喜歡 Firefox Screenshots 免費網頁擷圖工具，瀏覽器內建快速拍照、分享螢幕 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

還記得十幾年前很流行美工圖案（Clip Art），經常在 Office 或「非常好色」之類的文書處理及圖片編輯軟體中看到，可惜前幾年微軟決定把美工圖案功能拿掉，改以 Bing 圖片來取代原有的這項功能，或許也更符合目前的趨勢。但手繪感插圖確實在網路發展歷史上佔有一席之地（少說超過十年），如果你還有印象，早期網頁很常使用的 GIF 圖現在看起來也顯得有些過時吧！假如你想設計一份公告、說明手冊，可能還會用到美工圖案，可以改從網路上其他網站搜尋下載。

本文推薦的「Openclipart」是一款非常知名的美工圖案免費圖庫，主要以收錄 SVG 向量圖格式的插圖圖案為主，根據維基百科說明，截至 2017 年 Openclipart 已經收錄超過 118,000 張插圖作品！這些圖案由 5,800 位創作者提供，這些圖案都採用公眾領域（Public Domain）授權方式釋出，可自由下載或使用於個人、商業用途。

從 Openclipart 可以找到各式的美工圖案設計，有些是動態圖，但大部分都是靜態圖為主，網站本身提供搜尋功能，輸入關鍵字就能找到許多相關素材，或是利用作者、標籤或收藏集方式找到更多延伸圖案。Openclipart 預設提供可自由縮放的向量圖（SVG）以及一般點陣圖（PNG）兩種格式，無須註冊或登入帳戶即可免費下載。

網站名稱：Openclipart
網站鏈結：https://openclipart.org/

使用教學

STEP 1

打開 Openclipart 網站，感覺好像回到十幾年前的網頁設計，有一種很復古懷舊的感覺，沒有太多複雜的功能設計，你只要從這裡找圖，點擊圖片詳細資訊後就能免費下載。

STEP 2

最近遇到 Apple 發表會，想起十年前（1997 年）Steve Jobs 發表 iPhone 第一代的經典畫面，找了一下賈伯斯的圖案果然是招牌動作，雖然是卡通風格但應該還看得出來是誰吧！

在 Openclipart 搜尋台灣居然出現總統蔡英文，可見這個圖庫更新速度蠻快的，不得不說這類美工圖案真的非常傳神，好像把重點都畫進去也很容易就被意會到主角是誰。如果你想找其他圖片，可以從圖案右側的作者、標籤或收藏夾（Collections）找到更多素材。

STEP 3

不過不像一般免費圖庫，Openclipart 沒有所謂的分類總覽頁面，只能從搜尋結果的圖案中找到有沒有 Collections，例如下圖是作者 Moini 設計的一系列企鵝圖案，非常可愛。

STEP 4

那麼要如何從 Openclipart 下載、取得圖片呢？很簡單，只要點擊進入圖片詳細資料頁面，就能在右下角找到各種格式的下載按鈕（如下圖紅色標示範圍），當然你也可以把圖片抓下來再進行編輯處理，完全可以合法使用不會有授權問題。除此之外，Openclipart 也提供圖片的直接鏈結，一樣能在下載區的左側找到原始碼。

Openclipart 本身也是一個美工圖片社群，如果你想把自己繪製的圖案分享出來，開放讓全世界免費下載使用，也可以註冊一個帳號，利用投稿功能來上傳分享喔！

喜歡 Openclipart 超過 100,000 張向量美工插圖 CC0 授權免費下載可商用 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。