如何擷取網站的所有圖片(4 種方法)
2026/09/22

如何擷取網站的所有圖片(4 種方法)

從網頁下載或擷取圖片的四種方法——右鍵儲存、批次下載工具、用 Uniclip 把圖片連同來源一起擷取進 Notion 或 Obsidian,以及在 Google Sheets 試算表中直接顯示圖片。

從網站擷取圖片指把頁面上的圖片——單張或全部——儲存為檔案,或存入一個能讓圖片與來源保持關聯的工具。最佳方法取決於你需要多少張圖片,以及「資料夾裡的一堆散裝檔案」是否真的是你想要的;研究者通常需要的是後者,而大多數指南在這裡停得太早。

四種方法一覽

方法最適合保留來源連結批次
1. 右鍵 → Save image as(另存圖片)立即儲存一張圖片
2. 批次圖片下載擴充功能頁面上的全部圖片,以檔案形式
3. 擷取進 Notion / Obsidian(Uniclip)圖片保留來龍去脈的研究資料庫
4. 整頁截圖版面配置與上下文,而非檔案本身

方法 1:儲存單張圖片

在圖片上按右鍵 → Save image as…(另存圖片),或直接拖曳到桌面。就單張圖片而言,這個方法無可取代,沒有任何工具能改進它。問題出在規模:存到第二十張時,你得到的是二十個無名檔案,卻完全不知道它們來自哪個頁面。

方法 2:批次圖片下載工具

瀏覽器擴充功能和線上工具可以把頁面上的所有圖片——依大小、類型或資料夾篩選——抓進你的下載資料夾。它們解決了數量問題,卻沒解決意義問題:檔案落地時沒有上下文,而且線上工具需要把頁面 URL 上傳給第三方服務。適合你會立即整理的素材;對研究來說則令人頭痛。

方法 3:把圖片擷取進你的知識庫

這是本站傾向的方法,因為它解決的是真正的研究問題——圖片與所在的頁面、筆記和專案保持關聯:

  1. 安裝 Uniclip(免費,支援 Chrome/Edge)。
  2. 在頁面上用元素選擇器擷取一張圖片、包含它的卡片,或整個圖片網格。
  3. 它們會儲存進 NotionObsidian 或飛書——附帶頁面標題和來源 URL,與同一頁面擷取的文字片段放在一起。

對於設計參考、產品圖和競品截圖,圖片 + 來源 + 你的筆記才是價值單位——而不是檔案本身。視覺內容還可以在同一次擷取中跟著整頁截圖一起保存,留住整個版面。

方法 4:擷取整個頁面

當你要的是頁面的構圖——首屏區塊、圖庫版面、定價頁設計——整頁截圖比擷取出的檔案保存得更好。組合使用:版面用截圖,要複用的具體圖片用元素擷取。

附加技巧:在試算表中顯示圖片

擷取的圖片最終往往要在試算表中被引用。Google Sheets 可以用 IMAGE 公式把它們顯示在儲存格裡:

=IMAGE("https://example.com/photo.jpg")

把它貼到任何儲存格,圖片就會內嵌呈現——可選的第二、第三個參數控制尺寸(=IMAGE(url, 2) 貼合儲存格,=IMAGE(url, 3, 120, 90) 設定像素高度和寬度)。再配上一份圖片 URL 的 CSV,你就得到一份視覺化目錄:一欄連結(用表格擷取取得),一欄呈現它們的 =IMAGE() 儲存格。

關於版權的說明

頁面上的圖片屬於某人。為個人研究、參考和內部用途儲存頁面是正常做法;重新發布或商業性重製擷取的圖片,需要取得所有者的許可或授權。在任何公開使用之前,先查看頁面的授權條款或使用條款。

常見問題

如何一次下載網站的所有圖片? 批次下載擴充功能會把目前頁面上的所有圖片儲存為檔案。如果圖片用於研究,把它們連同來源一起擷取進 Notion 或 Obsidian(方法 3)遠比一資料夾散檔更經得起時間考驗。

可以把圖片擷取到 Excel 或 Google Sheets 嗎? Sheets 可以透過 =IMAGE(url) 顯示圖片;Excel 需要把 URL 作為圖片插入或借助增益集。把 URL 當作資料儲存——它們能在任何需要的地方呈現。

Uniclip 會批次下載圖片檔案嗎? 不會——Uniclip 是把圖片作為研究資料庫的一部分來擷取(進 Notion、Obsidian 或飛書,附來源連結),而不是批次檔案下載器。需要匯出原始檔案時,請使用專用下載工具。

電子報

加入我們的社群

訂閱電子報以取得最新消息與更新