Mac 長截圖:每個瀏覽器的整頁截圖方法
Shift+Cmd+4 只能截到螢幕上看得到的部分,macOS 本身並沒有長截圖功能。不過要在 Mac 長截圖網頁,還是有四種好方法,每個瀏覽器各一種;至於 Mac 上的其他視窗,則有能捲動任何視窗的 App。這篇教學列出每種方法的步驟,並說明各自適合的用途。

Mac 截圖快速鍵能做什麼、不能做什麼
這三個快速鍵值得弄清楚,因為大多數「Mac 長截圖」的搜尋都是從它們開始的。
- Shift+Cmd+3 擷取整個螢幕。
- Shift+Cmd+4 擷取你拖曳選取的範圍;按下 Space 後,則擷取一個含陰影的視窗。
- Shift+Cmd+5 開啟「截圖」App:同樣的擷取方式,再加上螢幕錄影、計時器和儲存位置的選擇。
它們都不會捲動。畫面以下的內容不會出現在圖片裡,也沒有任何設定可以改變。以下的方法都是用來克服這個限制。
Mac 上的 Chrome 和 Edge:擴充功能
在 Chromium 瀏覽器裡,最簡單的方法是用擴充功能,讓它替你捲動網頁並拼接成一張圖片。以下步驟以我們開發的免費 Mac 長截圖擴充功能 FullPage Capture 為例。
在 Chrome 或 Edge 安裝 FullPage Capture. 從 Chrome 線上應用程式商店或 Edge 附加元件安裝。免費、不需帳號、沒有浮水印。Brave、Arc、Opera 和 Vivaldi 安裝的是 Chrome 版本。
開啟網頁,按一下圖示. 或按 Alt+Shift+K(Mac 鍵盤上的 Alt 鍵就是 Option 鍵,所以是 Option+Shift+K)。網頁會自動捲動並擷取:固定頁首只拍一次,網頁內部捲動的面板會展開,捲動才載入的圖片會等它出現。
複製、標註或儲存. 整個網頁會合成一張圖片,在結果分頁中開啟。可以複製到剪貼簿、在編輯器裡畫圖、模糊或裁切,或存成 PNG、JPEG,以及分頁落在兩行之間的 PDF。檔案以螢幕的像素密度儲存,所以 Retina 螢幕會得到 2 倍的圖片。

在這個網頁上試試看。免費、不需帳號,不會上傳任何東西。

不用擴充功能的話,Chrome 有一個隱藏指令:按 Option+Cmd+I 開啟開發人員工具,按 Shift+Cmd+P,輸入「screenshot」再選 Capture full size screenshot。Edge 則有網頁擷取(Shift+Cmd+S),可以擷取整頁。兩者截一般文章都沒問題;但遇到網頁內部捲動的面板都會卡住,也都不會等捲動才載入的圖片。Chrome 教學詳細介紹了內建指令。
Safari:輸出為 PDF 和網頁檢閱器
Safari 無法執行 Chrome 擴充功能,但有兩種內建方法可以取得整個網頁。
輸出為 PDF. 在 Safari 選擇「檔案」→「輸出為 PDF」。Safari 會把整個網頁做成一張很長的 PDF 頁面,連結也會保留。這是文件,不是圖片;如果需要圖片,可以用「預覽程式」開啟再輸出成 PNG。
或用網頁檢閱器. 先開啟「開發」選單(Safari「設定」→「進階」,勾選顯示網頁開發者功能的選項),開啟網頁檢閱器(Option+Cmd+I),在「Elements」分頁最上方選取 html 元素,按右鍵選擇「Capture Screenshot」。Safari 會把整個網頁存成 PNG。
兩者都是把網頁一次算繪出來,所以固定頁首不會重複。兩者也都在網頁結束的地方停下:在面板裡捲動的 App 只會截出一個畫面高,而且都沒有編輯器、不能複製到剪貼簿,也不能依紙張尺寸分頁。
Firefox:Save full page
在所有 Mac 瀏覽器中,Firefox 的內建選項最直接:在網頁上按右鍵,選擇 Take Screenshot,再選 Save full page,然後複製或下載 PNG。同樣無法處理內部捲動區域和延遲載入的圖片,也沒有標註功能。FullPage Capture 無法在 Firefox 中執行。
不只瀏覽器:能長截圖任何視窗的 Mac App
瀏覽器擴充功能只看得到網頁。要長截圖 Finder 視窗、很長的 Slack 討論串、「郵件」或 PDF 檢視器,就需要能自動捲動的 Mac App:
- Shottr(免費,持續使用需購買付費授權):任何視窗的長截圖,另有 OCR 和測量功能。
- CleanShot X(付費):長截圖、標註、雲端分享、錄影。
- Snagit(付費):全景擷取和完整的編輯器,Windows 上也有。
這些工具是一邊捲動一邊拼接螢幕畫面,所以視窗裡固定的頁首可能會重複,快速變動的內容也可能對不齊。如果是 Chrome 或 Edge 裡的網頁,擴充功能的結果會比較乾淨,因為它是從網頁內部擷取,知道頁首在哪裡。
常讓人卡住的情況
| Mac 內建方法(快速鍵、Safari 輸出) | Chrome 或 Edge 裡的 FullPage Capture | |
|---|---|---|
| 一般文章,整個網頁 | Safari 輸出或 Chrome 開發人員工具 | 是 |
| Gmail、Notion、儀表板(在面板裡捲動) | 否 | 是 |
| 固定頁首只出現一次 | Safari 可以;拼接式 App 常常不行 | 是 |
| 捲動才載入的圖片 | 常常不見 | 會等它載入 |
| 一張圖片複製到剪貼簿 | 只有快速鍵,一個畫面 | 是 |
| 標註、模糊、裁切 | 事後用「預覽程式」或「標示」 | 內建儲存編輯過的截圖是 Pro 功能 |
| 分頁落在兩行之間的 PDF | 否Safari 只給一張長頁面 | 是 |
| 瀏覽器以外的視窗 | 第三方 App | 否 |
- Retina 尺寸。在 Retina 螢幕上擷取的是 2 倍圖片。這是清晰的原始解析度;需要較小的檔案時,可以在「預覽程式」裡縮小。
- 超長網頁。Chrome 的畫布上限是每邊 28,800 像素;超過時擴充功能會存成幾個編號區塊。Safari 的 PDF 沒有這個限制。
- 深色模式。深色網頁會連同它自己的深色背景一起擷取,不會變成白底。
- 無限捲動。捲到你需要的地方再擷取;擷取的是已經載入的內容。
- 需要登入的網頁。這裡的每種方法都在你自己的瀏覽器裡執行,所以都可以;線上的「網址轉截圖」服務就不行。
常見問題
Mac 不裝任何軟體可以長截圖嗎?
任意視窗不行。截圖快速鍵(Shift+Cmd+3、4 和 5)只能擷取螢幕或視窗當下的樣子。如果是網頁,Safari 可以把整個網頁輸出為 PDF,Chrome、Edge 和 Firefox 也各有整頁指令,前面都有說明。其他 App 則需要第三方工具。
Safari 整頁截圖的快速鍵是什麼?
沒有;請用「檔案」→「輸出為 PDF」,或在網頁檢閱器裡對 html 元素使用「Capture Screenshot」。兩種方法前面都有說明。
在 Mac 上的 Chrome 要怎麼長截圖?
用擴充功能:按一下圖示或按 Option+Shift+K。不用擴充功能:開啟開發人員工具(Option+Cmd+I),按 Shift+Cmd+P,輸入「screenshot」再選「Capture full size screenshot」。內建指令無法展開網頁內部捲動的面板,也常常漏掉捲動才載入的圖片。 Chrome 整頁截圖步驟教學
為什麼截圖很模糊,或比預期大了一倍?
Retina 螢幕的每個 CSS 像素有兩個裝置像素,所以 1,440 像素寬的網頁,整頁截圖會是 2,880 像素寬。這不是錯誤,而是更清晰的版本。檔案太大的話可以在「預覽程式」裡縮小,或改存 JPEG 而不是 PNG。
為什麼頁首在整張截圖裡一直重複?
拼接畫面的工具,每個畫面都會拍到捲動時固定不動的頁首。擴充功能只拍一次,擷取其餘部分時會先隱藏;Safari 的「輸出為 PDF」是把網頁一次算繪出來,也沒有這個問題。
在 Mac 上能擷取 Gmail、Notion 或儀表板嗎?
可以,在 Chrome 或 Edge 裡用擴充功能,它會找到真正在捲動的面板並把它展開。Safari 的「輸出為 PDF」和 Chrome 的內建指令遇到這類 App 只會得到一個畫面,因為網頁本身並不捲動。
截圖後要怎麼加上標註?
「預覽程式」和「標示」可以在任何圖片上加箭頭和文字。擴充功能有自己的編輯器,提供箭頭、圖形、文字、螢光筆、編號標記、模糊、馬賽克和裁切,而且每張截圖都會留在它的「檔案」清單裡,隨時可以回來處理。從擴充功能儲存編輯過的截圖屬於 Pro 功能。
這在 iPhone 或 iPad 上也能用嗎?
做法不同:在 iPhone 或 iPad 的 Safari 裡截圖後,在預覽中選擇「整頁」,會存成 PDF。iOS 上無法執行瀏覽器擴充功能。
就在你正在讀的這一頁試試看。 免費、不用帳號、沒有浮水印,什麼都不會上傳。