Chrome FireShot 網頁長截圖工具 – 網頁設計擴充功能教學

Chrome FireShot 網頁長截圖工具 內容綱要:

1. Chrome 瀏覽器安裝 FireShot 擴充功能

2. FireShot 使用方式與實際應用

Fireshot是一款網頁長截圖工具的瀏覽器外掛,在需要截圖的時候我們可能使用的都是電腦內內建的截圖功能,將畫面保存為PDF或者圖片是最快的保存方式,如果你有需要將網頁所有畫面一次保存下來,這個瀏覽器外掛將會是你的好朋友!

Fireshot支援Google Chrome、Firefox、Opera多種瀏覽器,操作簡單好上手,除了網頁長截圖外也能選擇擷取可見區域或者手動選取局部範圍,可存成PNG或者JPG格式,若有需要也可存成PDF或者E-mail傳送、直接列印也是沒問題的,快來看要怎麼操作吧!

getfireshot 官方網站:https://getfireshot.com/

Google Chrome版本:Chrome 線上應用程式商店

Firefox版本:Full Web Page Screenshots

Opera 版本:Capture Webpage Screenshot – FireShot

(小提醒:以下使用 Google Chrome 版本來做介紹 )

• Chrome 加入 FireShot 擴充功能方式

第一步:點選上方提供的連結將 FireShot 擴充程式加到 Chrome 瀏覽器中。

Chrome FireShot

 

第二步:安裝完成後網址列會出現“S”圖示,點擊後我們先到選項做些基本設定。安裝及設定的過程十分簡單,設定好後就可以跟著以下步驟開始截圖囉!

Chrome FireShot

 

第三步:圖檔預設為 PNG 這裡我們可以變更為 JPG,下方其他設定項可以依個人需求來做修改。

Chrome FireShot

 

• FireShot 使用方式與實際應用

第一步:使用方式有兩種,一種是點擊右鍵選擇 FireShot 再選擇截圖方式。

Chrome FireShot

 

另外一種就是直接點選圖示。

Chrome FireShot

 

第二步:來示範一下這個工具最有名的網頁長截圖吧!

Chrome FireShot

 

第三步:截好圖後右邊可以選擇要怎麼存檔這個截圖,特別說明複製到剪貼版這項功能,你只要對著圖片點選右鍵-複製圖片,再將檔案右鍵貼上到 Word 或是直接在 Line 的聊天對話窗右鍵貼上,就可以直接傳送圖檔!是不是很方便~

Chrome FireShot

 

結語:

今天介紹的網頁長截圖相信讀者都已經會使用了,在使用過程中有發生一次FireShot失效無法使用的狀況,這時候將瀏覽器整個關閉後重開後又會是一條活龍了~

不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

網站架設資源相關文章:

一頁式網站也能打造獨特的品牌魅力 – 日本網站 Slowmuffi 分享

簡報免費模板分享 – Glide PPT 多樣性實用簡報版型介紹

什麼是 CC0 圖庫?設計師必備高解析好圖庫推薦 – Unsplash

Google Chrome Labs Squoosh 高品質線上圖片壓縮工具介紹

Google 字體下載 – WordPress 字體快速分析及網頁字體設定

網頁配色 分析教學 – 查詢色彩建議配置一次搞定網站配色 !

網站架設知識推薦閱讀:

無障礙網站介紹-規範說明、檢測工具與操作影片

如何清除瀏覽器快取(Cache) ? 查看最真實正確的網站狀況

Google 我的商家收費機制 即將開啟?線上調查表全新功能展示

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top