There are many times when you need to save an entire scrolling webpage or long news article. Most people search for browser extensions or download third-party screen capture tools. However, Google Chrome has a built-in feature that lets you capture an entire page in about three seconds.
At a Glance
- Open DevTools: Press
F12orCtrl + Shift + I(Mac:Cmd + Option + I)- Open Command Menu: Press
Ctrl + Shift + P(Mac:Cmd + Shift + P) and typefull- Select
Capture full size screenshot: The full page saves automatically as a.pngfile in your Downloads folder- Works identically in both Google Chrome and Microsoft Edge
Take a Full Page Screenshot with Two Shortcuts (No Software Needed)
Much like unrolling a scroll of paper to photocopy the whole sheet at once, Chrome DevTools lets you capture an entire webpage all the way to the bottom. This feature also works in Chromium-based Microsoft Edge.
The workflow is simple: open DevTools, call the Command Menu, and trigger the capture command.
| Step | Windows / Linux Shortcut | macOS Shortcut | Action |
|---|---|---|---|
| Step 1 | F12 or Ctrl + Shift + I | Cmd + Option + I | Open Chrome DevTools |
| Step 2 | Ctrl + Shift + P | Cmd + Shift + P | Open Command Menu |
| Step 3 | Type screenshot or full | Type screenshot or full | Select Capture full size screenshot |
Once selected, the browser renders the full page—including content outside the current viewport—into a single .png file and saves it straight to your default Downloads folder.
Related Reads
크롬에서 갑자기 소리 나는 탭, 1초 만에 끄는 방법은?
크롬 탭 그룹 만들기, 수십 개 열린 창 1초 만에 깔끔하게 정리하는 법은?
4 Built-in DevTools Screenshot Modes for Different Needs
Chrome’s Command Menu includes four screenshot options depending on what area you need to capture.
| Screenshot Mode | Command Label | Description |
|---|---|---|
Capture full size screenshot | Capture full size screenshot | Captures the complete page down to the very bottom |
Capture screenshot | Capture screenshot | Captures only the currently visible viewport |
Capture area screenshot | Capture area screenshot | Captures a custom rectangular area dragged with your mouse |
Capture node screenshot | Capture node screenshot | Captures only the specific HTML element selected in the Elements panel |
Use Capture node screenshot when you want to isolate a single table, image card, or container. Use Capture screenshot if you only need what is currently visible on your display.
Tips and Precautions for Clean Full-Page Captures
Pages that use lazy loading—where images only load as you scroll past them—need a quick manual scroll first. Scroll all the way to the bottom and back to the top before capturing to ensure every image loads properly without leaving blank placeholders.
The resulting capture downloads directly as a file. Native DevTools screenshot commands currently do not copy the image directly to your clipboard.
Websites with sticky or fixed navigation headers can sometimes render headers repeatedly or glitch depending on how their CSS is configured. Check the saved image after downloading to ensure the layout rendered cleanly.
Try it now on this page: press F12, press Ctrl + Shift + P, and search for full.
함께 읽으면 좋은 글
- 윈도우 부분 캡처 단축키는? Win Shift S 사용법과 필수 설정
- 크롬 탭 몇 개만 띄워도 버벅거린다면? 메모리 40% 아끼는 설정법
- 윈도우11 캡처 도구로 이미지 글자 복사하는 법, 단축키 하나로 될까?
- 크롬 유튜브 영상이 자꾸 버벅이나요? 10초 만에 렉 잡는 가속 설정법
답글 남기기