一、引言

網(wǎng)頁上常常有許多精美的圖片,但有時(shí)候想要保存下來卻并非易事。本文將為你詳細(xì)介紹多種提取網(wǎng)頁圖片的方法,讓你輕松獲取心儀的圖片。在日常瀏覽網(wǎng)頁的過程中,我們常常會(huì)遇到一些令人心動(dòng)的圖片,想要保存下來卻不知從何下手。別擔(dān)心,接下來就為大家介紹幾種實(shí)用的網(wǎng)頁圖片提取方法。
(一)常見右鍵保存法
最常見的方法就是直接右鍵保存。以百度首頁為例,在 Logo 圖上點(diǎn)擊鼠標(biāo)右鍵,選擇“圖片另存為”,然后選擇存儲(chǔ)地址保存即可。
(二)開發(fā)者工具法
當(dāng)點(diǎn)擊右鍵無效或沒有另存為選項(xiàng)時(shí),可以使用谷歌內(nèi)核的瀏覽器,如 Google Chrome 瀏覽器、百分瀏覽器等。在當(dāng)前頁面按下 F12 打開開發(fā)者工具,點(diǎn)擊右上角的三個(gè)小點(diǎn),然后點(diǎn)開 Settings,找到“Disable JavaScript”并打鉤,這樣可以關(guān)閉網(wǎng)頁的 javascript 從而解除右鍵的限制,此時(shí)就可以像方法一一樣,在圖片上單擊右鍵保存圖片了。注意保存完圖片后記得取消打鉤,否則網(wǎng)站部分功能可能會(huì)出現(xiàn)無法使用的情況。
(三)檢查元素法
有些圖像為背景圖或圖像上有浮層時(shí),無法使用上述兩個(gè)方法保存。此時(shí)可在該圖片的位置,單擊鼠標(biāo)右鍵,選擇“檢查”,即可在右側(cè)開發(fā)者工具中看到該圖片的鏈接地址,復(fù)制鏈接地址在新窗口打開或者在鏈接上單擊右鍵選擇“open in new tab”在新窗口打開即可,然后像方法一一樣右鍵直接保存。有的圖片會(huì)被程序員放到背景圖中,此時(shí)可以在 Style 中看到該圖片的鏈接。
(四)縮放截圖法
矢量圖或代碼圖、一般為網(wǎng)站的 logo,此時(shí)如果需要高清圖可以通過縮放瀏覽器到自己需要的大小截圖即可。以高通官網(wǎng)的 logo 為例,按住 Ctrl+鼠標(biāo)滾輪可縮放網(wǎng)頁,從而縮放圖片,截圖即可。
(五)插件提取法
終極方法建議常備:通過圖片助手(ImageAssistant)插件一鍵提取。以華為官網(wǎng)為例,點(diǎn)擊插件,提取本頁圖片,即可提取當(dāng)前頁面中的所有圖片,選擇自己需要的就好,也可以批量一鍵保存所有,具體使用請(qǐng)自行探索。
(六)網(wǎng)頁操作法
按下 F12,這時(shí)候會(huì)跳出一個(gè)窗口。選擇左下角的圖標(biāo)。PS:有時(shí)候不一定在下面,有些小伙伴們按 F2,這個(gè)窗口后出現(xiàn)在右邊或者左邊。這個(gè)是可以調(diào)整的,但是不要緊,不管他出現(xiàn)在哪邊都有這個(gè)按鍵。點(diǎn)擊上面的圖標(biāo)后在去點(diǎn)擊你想要的圖片。這時(shí)候會(huì)注意看下面會(huì)對(duì)應(yīng)跳轉(zhuǎn)到相對(duì)應(yīng)的鏈接。圖片一般是 jpg 為后綴。對(duì)著帶有 jpg 后綴的鏈接雙擊或者復(fù)制鏈接,把這個(gè)復(fù)制的鏈接去新的頁面去打開。圖片會(huì)在單獨(dú)頁面打開,然后保存就行了。同理,如果是想要提取視頻,也用這個(gè)方式,點(diǎn)擊視頻。視頻的后綴一般是 video 格式。這個(gè)要自己判別。有問題或者對(duì)此事有什么看法,歡迎留言討論。
(七)豆瓣日記法
提取網(wǎng)頁上的圖片、音頻,不需借助額外工具或鏈接的方法步驟是:直接單擊鼠標(biāo)右鍵,選擇“檢查”(或者是“審查元素”)。在出現(xiàn)的邊欄最上方“》”(更多選項(xiàng)卡)下找到“網(wǎng)絡(luò)”(或者是 network)選項(xiàng),點(diǎn)擊。找到“img”(找圖片)或者“媒體”(或者是 media)(找音頻),就能看到當(dāng)前頁面嵌入的圖片或者音頻,如果無內(nèi)容或沒有檢測到你需要的文件,可以嘗試多次刷新(F5 鍵)(音頻需要點(diǎn)擊播放一下頁面才能檢測到,最好直接把進(jìn)度條拉到后面,全部緩存完成比較好檢測到,反復(fù)嘗試依然沒反應(yīng)直接換用下文鏈接前綴法)。找到你需要的圖片或者音頻右鍵“新標(biāo)簽頁打開”,這時(shí)候就可以保存、下載啦。注:音頻主要針對(duì)微信公眾號(hào)文章音頻。有些網(wǎng)頁無法喚起右鍵菜單,這時(shí)可以用友鄰貓叔 Mack 提供的快捷網(wǎng)站 Image Extractor(僅針對(duì)提取圖片)。Image Extractor:https://extract.pics/。美中不足的是部分提取出的圖片無法顯示預(yù)覽圖(可能是圖片格式問題),需要下載打開才能找到自己所需的某一張圖片;有時(shí)候也不太穩(wěn)定,會(huì)出現(xiàn)提取失敗請(qǐng)重試的提醒。提取微信公眾號(hào)文章內(nèi)的音頻文件,也可以直接使用如下方法,這種方法要比右鍵法穩(wěn)定、快捷很多:在電腦端打開該音頻所在頁面,點(diǎn)擊音頻,跳轉(zhuǎn)到音頻播放頁,在頁面地址欄一長串字符里面,找到“voice_id=”,復(fù)制等號(hào)后面的內(nèi)容,粘貼到下方鏈接前綴之后,即可提取到該音頻文件。鏈接前綴:https://res.wx.qq.com/voice/getvoice?mediaid=。如果是想下載某主流音樂網(wǎng)站的某一首歌曲,可以使用劉志進(jìn)實(shí)驗(yàn)室音樂搜索器:https://music.liuzhijin.cn/。
(八)CSDN 博客法
第一步:打開瀏覽器,點(diǎn)擊右鍵,點(diǎn)擊檢查。第二步:點(diǎn)擊下圖中圈起來的箭頭,你需要網(wǎng)頁中的哪張照片,就將鼠標(biāo)移到那張圖片上面去。第三步:找到需要的那張圖片的引入路徑,鼠標(biāo)右擊,點(diǎn)擊“open in new tab”。第四步:將圖片另存為自己的電腦上即可。
(九)瀏覽器功能法
有一款瀏覽器做到了把圖片提取嵌入到瀏覽器中,成為瀏覽器的常用功能,相較于直接在瀏覽器上安裝圖片提取的插件,瀏覽器自帶的圖片提取功能與網(wǎng)頁更易實(shí)現(xiàn)兼容,提取過程也更簡單。Top 瀏覽器,一款冷門到要在應(yīng)用市場輸入【Top 瀏覽器】這個(gè)全稱才能蹦出來的瀏覽器,卻因其簡潔確實(shí)用的功能擠進(jìn)了大家的視野。圖片提取便是這個(gè)瀏覽器自帶的實(shí)用功能之一。具體步驟也很簡單,基本就是傻瓜式操作,三下就能搞定所有操作,成功提取并保存高清大圖,滿足用戶們的需要。
(十)代碼爬取法
對(duì)于需要大量收集網(wǎng)絡(luò)圖片的人來說,使用爬蟲技術(shù)手段能夠高效快速的獲取自己所需要的資料。我們都知道再打開圖片或者網(wǎng)頁時(shí)候都會(huì)有一個(gè)專屬的 url 信息,通俗點(diǎn)就是網(wǎng)址。然后我們通過這個(gè)網(wǎng)址過去進(jìn)行圖片下載。可以看到,代碼和上面網(wǎng)頁爬取是一樣的,只是打開的文件后綴為 jpg。實(shí)際上圖片、視頻、音頻這種文件用二進(jìn)制寫入的方式比較恰當(dāng),而對(duì)應(yīng) html 代碼這種文本信息,我們通常直接獲取它的文本,獲取方式為 response.text,在我們獲取文本后就可以匹配其中的圖片 url 了。上面我們就完成了一個(gè)網(wǎng)站的爬取。在匹配時(shí)我們用到了正則表達(dá)式,因?yàn)檎齽t的內(nèi)容比較多,在這里就不展開了,有興趣的讀者可以自己去了解一下,這里只說一個(gè)簡單的。Python 使用正則是通過 re 模塊實(shí)現(xiàn)的,可以調(diào)用 findall 匹配文本中所有符合要求的字符串。該函數(shù)傳入兩個(gè)參數(shù),第一個(gè)為正則表達(dá)式,第二個(gè)為要匹配的字符串,對(duì)正則不了解的話只需要知道我們使用該正則可以將圖片中的 src 內(nèi)容拿出來。
二、常見方法
(一)直接右鍵保存
以百度首頁為例,在 Logo 圖上點(diǎn)擊鼠標(biāo)右鍵,選擇“圖片另存為”,然后選擇存儲(chǔ)地址保存。這種方法最為直接簡單,適用于大多數(shù)常規(guī)網(wǎng)頁圖片的保存。但如果遇到一些特殊設(shè)置的網(wǎng)頁,可能右鍵保存功能會(huì)被限制。
(二)利用開發(fā)者工具
當(dāng)右鍵無效或沒有另存為選項(xiàng)時(shí),使用 Google Chrome 瀏覽器等谷歌內(nèi)核的瀏覽器,按下 F12 打開開發(fā)者工具,點(diǎn)擊右上角三個(gè)小點(diǎn),點(diǎn)開 Settings,找到 Disable JavaScript 并打鉤,解除右鍵限制后保存圖片。保存完記得取消打鉤,以免影響網(wǎng)站部分功能。這種方法在網(wǎng)頁右鍵被限制時(shí)非常有效。例如,在一些特定的網(wǎng)站上,可能由于版權(quán)保護(hù)等原因,禁止了右鍵保存圖片的功能。此時(shí),通過開啟開發(fā)者工具并禁用 JavaScript,可以突破這種限制,順利保存圖片。不過,在使用完后一定要記得取消打鉤,否則可能會(huì)影響網(wǎng)站的正常使用,比如某些交互功能可能無法正常運(yùn)行。對(duì)于背景圖或有浮層的圖片,在圖片位置單擊右鍵選擇檢查,在右側(cè)開發(fā)者工具中找到圖片鏈接地址,復(fù)制鏈接在新窗口打開或右鍵“open in new tab”在新窗口打開后保存。當(dāng)遇到背景圖或者有浮層的圖片無法直接保存時(shí),這個(gè)方法就派上用場了。以華為官網(wǎng)為例,有時(shí)候右鍵并沒有圖片另存為的選項(xiàng),此時(shí)通過檢查元素,可以在右側(cè)開發(fā)者工具中找到圖片的鏈接地址。復(fù)制鏈接在新窗口打開后,就可以像常規(guī)圖片一樣進(jìn)行保存了。有的圖片會(huì)被程序員放到背景圖中,此時(shí)可以在 Style 中看到該圖片的鏈接。
(三)通過插件提取
使用圖片助手(ImageAssistant)插件,點(diǎn)擊插件提取本頁圖片,可選擇自己需要的圖片或批量一鍵保存所有。圖片助手(ImageAssistant)是一款非常實(shí)用的插件,它可以輕松提取網(wǎng)頁中的圖片。無論是 Chrome、Edge、Firefox 等常見瀏覽器,還是基于 Chromium 內(nèi)核的其他衍生瀏覽器,如 360 安全瀏覽器、獵豹瀏覽器、百度瀏覽器等都可以安裝使用。安裝后,在網(wǎng)頁上點(diǎn)擊右鍵,可以看到圖片助手的相關(guān)選項(xiàng),其中“提取本頁圖片”功能可以快速提取當(dāng)前網(wǎng)頁中的所有圖片。用戶可以根據(jù)自己的需要選擇單個(gè)圖片進(jìn)行下載,也可以批量一鍵保存所有圖片。同時(shí),插件還提供了圖片篩選功能,可以根據(jù)圖片的分辨率、鏈接等條件進(jìn)行篩選,以便更精確地選擇需要下載的圖片。在批量下載過程中,還可以選擇過濾選項(xiàng),避免下載不需要的圖片,提高下載效率。插件還使用了動(dòng)態(tài)載入技術(shù)及延遲加載技術(shù),以提高在提取大量圖片時(shí)的容量及穩(wěn)定性,減少因內(nèi)存不足導(dǎo)致頁面崩潰的可能性。并且支持快捷鍵操作,方便用戶快速進(jìn)行圖片提取等操作。
三、特殊情況處理
(一)提取視頻中的圖片
按下 F12,選擇左下角圖標(biāo),點(diǎn)擊視頻,視頻后綴一般是 video 格式,找到對(duì)應(yīng)鏈接后處理方法與提取圖片類似。例如可以使用壓縮視頻網(wǎng)站的視頻提取圖片功能,輕松將視頻分解成圖片。具體步驟如下:在所有功能中,選擇視頻提取圖片功能,上傳視頻文件。設(shè)置視頻提取的速度,如 1 秒 1 張、5 張、10 張等。點(diǎn)擊開始提取。當(dāng)獲取到自己需要提取的圖片,點(diǎn)擊暫停提取,點(diǎn)擊生成圖片,可以預(yù)覽第一張生成的效果,如果對(duì)圖片有其他要求,比如尺寸、格式等,可以再次生成圖片,點(diǎn)擊打包下載。還可以借助專業(yè)視頻轉(zhuǎn)換軟件如口袋視頻轉(zhuǎn)換器,首先打開此軟件,選擇“視頻截圖”功能;點(diǎn)擊“添加文件”或拖拽視頻文件至軟件界面以導(dǎo)入視頻;視頻上傳后,點(diǎn)擊【截圖設(shè)置】按鈕;在視頻預(yù)覽中,通過鼠標(biāo)拖動(dòng)選擇需要截取的畫面部分。點(diǎn)擊【確認(rèn)】按鈕,完成后,在軟件界面查看并保存所截取的圖片。也可以利用在線視頻截圖工具如 Kapwing,將需要截圖的視頻上傳到此在線平臺(tái),通過直觀的界面和編輯工具,定位到視頻中的精彩瞬間,并選擇截取為圖片。它支持多種截圖選項(xiàng),包括選擇特定的時(shí)間幀、調(diào)整截圖尺寸等。最后點(diǎn)擊保存,就可以將截圖圖片下載到本地設(shè)備?;蛘呤褂靡曨l播放器自帶功能如 VLC Media Player,打開此工具并播放視頻,然后在視頻畫面中右鍵單擊,選擇“視頻”->“截圖”或使用快捷鍵 Ctrl + Alt + S。截圖完成后,圖片將保存在默認(rèn)的圖片文件夾中。
(二)提取網(wǎng)頁音頻文件
直接單擊鼠標(biāo)右鍵,選擇“檢查”或“審查元素”,在邊欄最上方“》”下找到“網(wǎng)絡(luò)”選項(xiàng),點(diǎn)擊后找到“媒體”(找音頻),右鍵“新標(biāo)簽頁打開”保存、下載。對(duì)于微信公眾號(hào)文章音頻,在電腦端打開音頻所在頁面,點(diǎn)擊音頻跳轉(zhuǎn)到播放頁,在頁面地址欄找到“voice_id=”,復(fù)制等號(hào)后面的內(nèi)容,粘貼到鏈接前綴后提取音頻文件。如提取微信公眾號(hào)音頻可以把看到的微信公眾號(hào)的鏈接發(fā)到電腦上來,用 QQ 或是電腦版的微信都可以,再在電腦里打開鏈接。打開帶有音樂或音頻的鏈接之后,點(diǎn)擊右鍵查看“審查元素”這樣就可以打開網(wǎng)頁代碼。打開“審查元素”點(diǎn)擊里面的 Network,在這里面還有一個(gè) Media,就是視頻與音頻的內(nèi)容,點(diǎn)擊它,這時(shí)會(huì)發(fā)現(xiàn)沒有東西,找到音頻的地方播放一下,就會(huì)有內(nèi)容出現(xiàn)。點(diǎn)擊左邊的鏈接,這時(shí)詳細(xì)的內(nèi)容就會(huì)出來,復(fù)制音頻鏈接網(wǎng)址。在新建一個(gè)網(wǎng)址,把復(fù)制的網(wǎng)址粘貼到地址欄里,回車以后就可以看到音頻文件啦!點(diǎn)擊右鍵網(wǎng)頁另存為,就可以把音頻保存下來。保存的時(shí)候,名字可以隨自己愛好。也可以使用易我人聲分離這個(gè)在線工具來提取音頻。步驟 1.訪問并登錄易我人聲分離官網(wǎng)頁面,選擇“人聲分離”功能。步驟 2.點(diǎn)擊“選擇文件”,把音頻或者視頻文件上傳到網(wǎng)頁窗口中(或者直接拖拽文件到窗口中),等待 AI 處理。步驟 3. AI 處理完成后,會(huì)生成伴奏音頻和人聲音頻,點(diǎn)擊“下載全部”即可把音頻下載到您的電腦上。需要注意的是,如果您想把提取的音頻用于公共場合或者商用場合,那么您應(yīng)該提前確保您擁有相關(guān)的版權(quán)使用許可。在線提取音頻的音質(zhì)取決于原文件的音質(zhì),如果原始文件本身的音頻質(zhì)量就不高,那么提取出來的音頻音質(zhì)也會(huì)受到影響。在進(jìn)行音頻提取時(shí),可以多種功能結(jié)合使用,比如進(jìn)行人聲分離后,如果分離后的音頻含有噪音,那么可繼續(xù)使用降噪功能消除噪音。提取微信公眾號(hào)文章內(nèi)的音頻文件,也可以直接使用如下方法,這種方法要比右鍵法穩(wěn)定、快捷很多:在電腦端打開該音頻所在頁面,點(diǎn)擊音頻,跳轉(zhuǎn)到音頻播放頁,在頁面地址欄一長串字符里面,找到“voice_id=”,復(fù)制等號(hào)后面的內(nèi)容,粘貼到下方鏈接前綴之后,即可提取到該音頻文件。鏈接前綴:https://res.wx.qq.com/voice/getvoice?mediaid=。如果是想下載某主流音樂網(wǎng)站的某一首歌曲,可以使用劉志進(jìn)實(shí)驗(yàn)室音樂搜索器:https://music.liuzhijin.cn/。
四、借助工具下載
(一)網(wǎng)商圖片下載工具
網(wǎng)商圖片下載工具是一款非常實(shí)用的圖片下載軟件,可以幫助我們快速下載網(wǎng)頁中的圖片。下面為大家介紹網(wǎng)商圖片下載工具的使用方法。在瀏覽器上搜索下載《網(wǎng)商圖片下載工具》或留言、私信小編領(lǐng)取安裝包,請(qǐng)勿相信破解版。網(wǎng)上有很多關(guān)于網(wǎng)商圖片下載工具的介紹,比如“快速一鍵提取網(wǎng)站中的圖片,再也不用一個(gè)圖一個(gè)圖篩選!看中哪個(gè)留哪個(gè)!今天推薦一下最近用到的工具——網(wǎng)商圖片下載工具,解決大家在日常抓取圖片中遇到的問題?!薄敖棠阋绘I批量抓取下載淘寶、京東、天貓、拼多多商品圖片和視頻”等文章都對(duì)網(wǎng)商圖片下載工具的強(qiáng)大功能進(jìn)行了詳細(xì)介紹。打開工具后點(diǎn)擊“頁面其他圖片下載”功能,將網(wǎng)頁鏈接粘貼到下載框內(nèi),可勾選“自動(dòng)粘貼網(wǎng)址”功能。下載完成后點(diǎn)擊打開文件夾即可預(yù)覽圖片效果。使用網(wǎng)商圖片下載工具非常簡單方便,針對(duì)于我們要制作 2023 年素材的小伙伴可謂是輔助神器。大家可以自己下載一個(gè)網(wǎng)商圖片下載工具,動(dòng)手來操作試試看吧!例如我們?cè)谙螺d各大網(wǎng)商平臺(tái)圖片時(shí),可以使用網(wǎng)商圖片下載工具,將想要下載的網(wǎng)商平臺(tái)的商品鏈接添加到軟件主界面,一行一鏈接可同時(shí)添加多個(gè)鏈接。如果想要從更多網(wǎng)站下載圖片可以打開工具,從中選擇“頁面其他圖片下載”功能,操作步驟基本一致。鏈接放置后,我們進(jìn)行圖片下載選擇根據(jù)需求進(jìn)行勾選,然后點(diǎn)擊下載即可。下載完成后我們打開文件夾就可以看到圖片了,一個(gè)商品一個(gè)文件夾自動(dòng)分類,十分簡潔。網(wǎng)商圖片下載工具不僅可以下載網(wǎng)商平臺(tái)的圖片,還可以根據(jù)關(guān)鍵詞搜索快速采集下載網(wǎng)頁上的圖片素材。首先我們運(yùn)行打開網(wǎng)商圖片下載工具,點(diǎn)擊“工具”選擇“搜索圖片下載”,在白框里輸入要下載的關(guān)鍵詞,然后選擇要下載的頁數(shù),點(diǎn)擊搜索并下圖。下載完成后,我們點(diǎn)擊打開文件夾可以直接預(yù)覽圖片效果。是不是很簡單方便呢,你也快來試試看吧!
五、總結(jié)
在互聯(lián)網(wǎng)時(shí)代,網(wǎng)頁中的圖片資源豐富多樣,掌握有效的提取方法能讓我們更好地收集和利用這些資源。本文介紹了多種提取網(wǎng)頁圖片的方法,包括常見右鍵保存法、開發(fā)者工具法、檢查元素法、縮放截圖法、插件提取法、網(wǎng)頁操作法、豆瓣日記法、CSDN 博客法、瀏覽器功能法和代碼爬取法等。這些方法各有特點(diǎn),適用于不同的情況。對(duì)于普通網(wǎng)頁圖片,我們可以首先嘗試直接右鍵保存法,如果右鍵被限制,可以使用開發(fā)者工具法解除限制后保存。當(dāng)遇到背景圖或有浮層的圖片時(shí),檢查元素法能幫助我們找到圖片鏈接地址進(jìn)行保存。對(duì)于矢量圖或代碼圖,縮放截圖法是個(gè)不錯(cuò)的選擇。而對(duì)于需要大量提取圖片的情況,插件提取法、代碼爬取法和網(wǎng)商圖片下載工具等都能高效地完成任務(wù)。特殊情況下,如提取視頻中的圖片,可以使用壓縮視頻網(wǎng)站的功能、專業(yè)視頻轉(zhuǎn)換軟件、在線視頻截圖工具或視頻播放器自帶功能。提取網(wǎng)頁音頻文件,可以通過檢查元素結(jié)合網(wǎng)絡(luò)選項(xiàng)找到音頻鏈接,或者使用特定的鏈接前綴法和在線工具??傊莆者@些方法,無論是普通網(wǎng)頁圖片還是特殊情況下的圖片提取都能輕松應(yīng)對(duì)。趕緊試試吧,讓你的圖片收藏更加豐富。