一個精準網頁截取的小技巧

然大家使用QQ，微信等工具可以非常方便的進行截圖，但是卻存在邊緣無法精確截取的問題，還有要截取的超出當前屏幕時就更加不方便了。

現在電腦瀏覽器已經有很多種可供大家選擇，今天講一個用Firefox瀏覽器進行精確截圖的一個小技巧。

下面講一個用firefox(火狐)瀏覽器進行精確截圖的方法，首先先自行下載安裝完成firefox后，在菜單欄，工具->附加組件里，下載firebug插件(一個用于web開發調試的很好用的插件)。

安裝完成firebug后,按F12打開該插件：

瀏覽器底部出現該firebug窗口

鼠標移到html代碼查看器區域，確定要截取的區域后，單擊確定該區域后，右鍵點擊彈出節點截圖菜單，單擊該菜單即可保存為圖片。

節點截圖

找到工具->下載就可以看到保存后的圖片了。

作中我們經常需要尋找各種各樣的圖片素材，有時候你找到了一張很好的圖，卻苦于無法保存到本地，最終無奈使用微信截圖截了一張，本文將教你如何快速的保存網頁上的高清圖。

1.最常見的直接右鍵保存

以百度首頁為例，在Logo圖上點擊：①鼠標右鍵-②圖片另存為-③選擇存儲地址保存

鼠標右鍵圖片另存為

2.當點擊右鍵無效或沒有另存為時

以AiforWork本站為例，在圖片上點擊右鍵任何效果，推薦使用Google Chrome瀏覽器，百分瀏覽器等谷歌內核的瀏覽器，步驟如下：

在當前頁面按下F12打開開發者工具，點擊右上角的三個小點，然后點開Settings，如下圖：

Google Chrome瀏覽器打開開發者模式Setting選項

找到Disable JavaScript并打鉤，這樣可以關閉網頁的javascript從而解除右鍵的限制，此時就像方法1一樣，可以在圖片上單擊右鍵保存圖片了。

注意：保存完圖片后記得取消打鉤，否則網站部分功能可能會出現無法使用的情況。

瀏覽器禁用javascript

驚喜拓展：此方法同時可以解決無法復制網頁文本、無法使用Ctrl+V粘貼數據到網頁輸入框的問題，如：無法復制百度文庫文檔內容的問題。

3.有些圖像為背景圖或圖像上有浮層時，無法使用上述兩個方法保存時

以華為官網為例，右鍵并沒有圖片另存為的選項：

某些情況無法郵件保存圖片

此時可在該圖片的位置，單擊鼠標右鍵，選擇檢查，即可在右側開發者工具中看到該圖片的鏈接地址，復制鏈接地址在新窗口打開或者在鏈接上單擊右鍵：open in new tab在新窗口打開即可如方法1右鍵直接保存。

通過開發者模式查找圖片資源

有的圖片會被我們可愛的程序員放到背景圖中，如下圖，此時可以在Style中看到該圖片的鏈接

圖片隱藏在背景圖中

4.矢量圖或代碼圖、一般為網站的logo，此時如果需要高清圖可以通過縮放瀏覽器到自己需要的大小截圖即可，如下圖：

以高通官網的logo為例，按住Ctrl+鼠標滾輪可縮放網頁，從而縮放圖片，截圖即可。

高通官網logo可通過縮放獲取適合的大小

5.終極方法建議常備：通過圖片助手(ImageAssistant)插件一鍵提取

以華為官網為例，點擊插件，提取本頁圖片，即可提取當前頁面中的所有圖片，選擇自己需要的就好，也可以批量一鍵保存所有，具體使用請自行探索。

圖片助手插件，一鍵提取網頁圖片

圖片助手(ImageAssistant)插件效果預覽

覺得有用就分享給你的朋友吧，記住Aifor.Work | 愛工作，效率提升，讓工作充滿樂趣。

agic Copy：輕松一點，精準摳圖，讓創意無限放大！ - 精選真開源，釋放新價值。

概覽

Magic Copy（AI智能摳圖插件）是一個創新型的瀏覽器擴展工具，其獨特之處在于能夠無縫集成于用戶的網頁環境之中，從而實現便捷高效的在線摳圖功能，極大地滿足了用戶對圖像處理、特別是摳圖需求方面的個性化訴求。相較于傳統復雜的圖像編輯軟件，Magic Copy憑借其直觀易用的設計理念，使得摳圖操作變得更加輕便流暢。

該插件的核心技術依托于Meta公司的Segment Anything AI模型，這一先進的深度學習模型賦予了摳圖全新的內涵和可能性。它運用前沿的人工智能算法，能夠識別并智能分離出圖像中的前景主體。

一旦AI模型成功提取出前景對象，Magic Copy將自動將其復制至系統剪貼板，用戶可立即在任何支持圖片粘貼的應用程序中進行后續編輯或合成，大大簡化了摳圖工作流程，提升了工作效率。這一革新性功能不僅降低了圖像處理的專業門檻，也讓廣大用戶能夠隨時隨地享受高效智能化的摳圖體驗，無疑為圖像創意設計領域帶來了全新的活力與便利。

截至發稿概況如下：

軟件地址：https://github.com/kevmo314/magic-copy
軟件協議：MIT
編程語言：

語言	占比
TypeScript	89.2%
JavaScript	5.5%
Shell	3.7%
Other	1.6%

收藏數量：2.3K

主要功能

Magic Copy的使用非常簡單。

下載安裝包

從Github上releases下載最新的 magic-copy.zip：https://github.com/kevmo314/magic-copy/releases。

瀏覽器安裝

解壓縮后，在Chrome的網址輸入框中輸入chrome://extensions/，以啟用“開發者模式”，然后單擊“加載解壓”。

一鍵摳圖

安裝完成后，右鍵網頁中的任意一張圖片，選擇Magic Copy。加載完成后，選擇需要摳出的部分，點擊右上角的Copy就可以把摳圖結果存入剪切板。

直接進入摳圖界面，直接用鼠標左鍵點選，比如下圖中的這個少女，點擊后，工具會自動選取到整個少女的全身。

右上角可以選擇復制（copy）（圖片會復制到剪貼板），下載 - 圖片會直接下載到本地。

點擊左上方“預覽”可以直接查看摳圖效果

遐想

麻雀雖小五臟俱全，作為輕量的瀏覽器插件，Magic Copy能夠實現如此強大的圖像摳圖效果的確不易，這很大程度都依靠了AI的力量。這樣的效率能夠幫助用戶迅速地擴展一大批高質量素材。

但即便如此，因為體量的關系，Magic Copy也是存在著不足的：在面對擁有著復雜背景的圖片時，智能摳圖的效果其實并不讓人滿意。如下圖，兩手臂之間的花朵也在去背景的范圍內，而摳圖擴充功能又并未提供去除范圍之類的功能，只能在Undo恢復至上一步。因此，Magic Copy實際上并不太適合用在背景復雜的圖片上面。

而像面對著簡單背景的圖片時，就完全沒有問題，即便頭發有很多邊邊角角，但是去背景的范圍還是辨識得不錯的。

各位在使用Magic Copy的過程中是否遇到了有趣的問題？熱烈歡迎各位在評論區分享交流心得與見解！！！

聲明：本文為辣碼甄源原創，轉載請標注"辣碼甄源原創首發"并附帶原文鏈接。

在線咨詢

上一篇：前端-css-屬性-滾動條（scrollbar）樣式
下一篇：JS 遇到需要正則匹配來修改img標簽

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商