← 所有文章

螢幕截圖的技巧與工具完整指南

2026 年 3 月 · 閱讀時間約 6 分鐘

螢幕截圖是數位工作中最常用的技能之一。無論是記錄 Bug、製作教學文件、或分享有趣的內容,掌握高效的截圖方法能大幅提升工作效率。本文整理了各平台的截圖快捷鍵與進階工具。

Windows 截圖方法

快捷鍵功能說明
PrtScn擷取全螢幕複製到剪貼簿
Alt + PrtScn擷取當前視窗只截取焦點視窗
Win + Shift + S剪取工具選擇矩形、自由形式、視窗或全螢幕
Win + PrtScn擷取並儲存自動儲存到「圖片/螢幕擷取畫面」

Windows 11 的「剪取工具」(Snipping Tool)支援延遲截圖、螢幕錄影等進階功能。按下 Win + Shift + S 是最常用的截圖方式。

macOS 截圖方法

快捷鍵功能說明
Cmd + Shift + 3擷取全螢幕自動儲存到桌面
Cmd + Shift + 4選取區域截圖拖曳選擇截圖範圍
Cmd + Shift + 4 + Space擷取視窗自動包含視窗陰影
Cmd + Shift + 5截圖工具列完整截圖選項面板

macOS 進階技巧

重點摘要:macOS 的截圖功能內建就非常強大。善用 Cmd + Shift + 5 開啟工具列,可以設定截圖儲存位置、計時器和其他選項。

Chrome 瀏覽器截圖

Chrome DevTools 提供了強大的網頁截圖功能:

  1. F12Cmd/Ctrl + Shift + I 開啟 DevTools
  2. Cmd/Ctrl + Shift + P 開啟命令面板
  3. 輸入 "screenshot" 搜尋截圖命令
  4. 選擇截圖模式:
    • Capture screenshot — 截取可見區域
    • Capture full size screenshot — 截取整個頁面(含捲動區域)
    • Capture node screenshot — 截取選定的 DOM 元素
    • Capture area screenshot — 自由選取區域

行動裝置截圖

iPhone / iPad

Android

截圖後的處理技巧

立即使用截圖拼接工具 →

結語

掌握各平台的截圖技巧是提高工作效率的基本功。從簡單的快捷鍵到 Chrome DevTools 的進階功能,選擇最適合你的方法。當需要合併多張截圖時,使用截圖拼接工具讓流程更加順暢。

參考文獻

  1. Apple Support. "Take a screenshot on your Mac." Apple Support, 2025. https://support.apple.com/en-us/102646
  2. Microsoft Support. "Use Snipping Tool to capture screenshots." Microsoft Support, 2025. https://support.microsoft.com/en-us/windows/use-snipping-tool-to-capture-screenshots
  3. Chrome DevTools. "Capture screenshots." Chrome Developers, 2025. https://developer.chrome.com/docs/devtools/screenshots/
  4. Apple Support. "Take a screenshot on your iPhone." Apple Support, 2025. https://support.apple.com/en-us/108282