Snippyly免費Chrome擴充功能,網頁截圖分享超簡單!還可多人線上編輯!

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略。有時候想跟朋友分享某個網站、應用程式的功能的時候,通常我們會使用截圖加上劃記標註,這樣朋友就能很快找到相應的位置,這個編輯的動作對於手機來說不會花費太多時間,但是如果這時候我們使用的是電腦,那在執行這些操作時就會變得更複雜、麻煩,這時我們就能透過 Snippyly ,不僅能截圖網頁畫面,還提供編輯功能,可自行加上文字與框線,最後還能產生線上連結,快速將資訊分享給其他人!下來跟著鵠學苑的腳步,讓我們開始學習吧!

Snippyly 官方網站
https://snippyly.com/

Snippyly是什麼

Snippyly是一個免費 Chrome 擴充功能,能透過Snippyly將網頁畫面截圖、編輯和分享,讓分享資訊的過程變簡單,不用花費太多時間,而Snippyly除了可以分享一般僅供檢視的連結以外,比較特別的是可以分享線上多人編輯連結給其他人,對方開啟後就能透過線上編輯器對圖片加入更多的標註,這樣就能透過連結直接在上面與他人進行交流、分享。

螢幕擷取畫面 2021 12 20 155806

如何使用Snippyly

點擊網站上的連結就可以進入Snippyly的官方網站!接下來就是跟著下面的步驟學習如何使用吧~
第一步:點擊「Add to Chrome, it’s free」按鍵。
點擊「Add to Chrome, it’s free」按鍵就會跳轉到Chrome線上應用程式商店頁面。

圖片3

第二步:點擊「加到Chrome」按鍵。
點擊按鍵後Chrome就可以有這個擴充功能囉(會出現在畫面的右上方,有個拼圖的icon)。

圖片5

第三步:點擊右上方剪刀符號或是按 Control + Shift + 4
點擊右上方剪刀符號是可以自己選擇截圖的範圍,如果是按 Control + Shift + 4的話會將使用者看到的網頁完整畫面直接轉為圖片,截圖後會跳轉至下方線上編輯器畫面,之後就可以進行截圖編輯~

圖片7

螢幕擷取畫面 2021 12 20 155157 e1639989295787

第四步:利用編輯工具增加說明劃記。

  • Snippyly編輯工具1:CROP(裁切),如果個人對於畫面的大小不滿意,或是你覺得重點資訊的區域需要集中,可以透過這個功能,將畫面再進行一次裁切。

圖片9 e1639989264732

  • Snippyly編輯工具2:RECTANGLE(長方形),可以加入長方形的框框,像畫面上我在訂閱電子報的部分加入長方形框線,另外上方靠右是有按鍵可以進行顏色的調整。

圖片11 e1639989243381

  • Snippyly編輯工具3:ARROW(箭頭),可以插入箭頭符號,除了長方形框的工具以外,還可以透過加上箭頭符號增加強調的效果。

圖片12 e1639989223780

  • Snippyly編輯工具4:TEXT(文字),可以插入文字內容,圖中紫色方框就是進行示範的結果,當確定好文字後紫色框就會自己消失囉。

圖片13

  • Snippyly編輯工具5:COMMENT(文字),這邊可以加入評論內容,或者也可以直接標註@分享朋友的電子郵件。

圖片14

  • Snippyly編輯工具6:BLUR(模糊),可以將畫面的某個區塊或是自己覺得不重要的部分模糊

圖片15

  • Snippyly編輯工具7:EMOJI,可以插入EMOJI,像圖中就插入萬歲的舉手符號,感覺增加了畫面的活潑感~

圖片16

  • Snippyly編輯工具8:IMAGE(圖片),可以插入圖片,說不定還能用這個功能惡搞朋友呢。

圖片17

第五步:分享出去!
點擊右上方分享,就可以將連結分享出去囉,另外可以選擇內容是僅供檢視可以編輯,這樣就能透過連結直接在上面與他人進行交流、分享

圖片18

 

Shar.ec 共享螢幕錄製工具!快速產生連結簡單分享內容~
https://www.design-hu.com.tw/webmaster-tools/shar-ec.html
ProductShot 給你的圖片來個重點聚焦!讓你的截圖更豐富!
https://www.design-hu.com.tw/webmaster-tools/productshot.html

結語

Snippyly 不僅能截圖網頁畫面,還提供編輯功能,最大的特點是還能產生線上連結,快速將資訊分享給其他人!而Snippyly的缺點是編輯錯誤的話,超過兩步驟沒有辦法取消還原,就必須全部重來,但就線上的截圖編輯軟體來說,算是功能多且上手快的好用工具。

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

架站資源相關文章:

網站資訊文章推薦

如何抓住瀏覽者的心?制定內容行銷策略為品牌打造良好基礎
企業形象網站的視覺設計和網站架構,需要注意什麼才能提高瀏覽體驗?!
疫情時代消費者行為回不去?電商為何興起?數據懶人包給你!

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

返回頂端