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 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

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

(adsbygoogle = window.adsbygoogle || []).push({});

熱門文章

(adsbygoogle = window.adsbygoogle || []).push({});

最新文章

(adsbygoogle = window.adsbygoogle || []).push({});

相關文章

(adsbygoogle = window.adsbygoogle || []).push({});

標籤雲

(adsbygoogle = window.adsbygoogle || []).push({});

Sign up for our Newsletter

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

Scroll to Top