> For the complete documentation index, see [llms.txt](https://bugshot.gitbook.io/ko/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bugshot.gitbook.io/ko/screenshot/capture.md).

# 스크린샷 캡처

스크린샷은 두 가지 방법으로 잡을 수 있습니다. 화면 영역을 직접 드래그하는 **범위 캡처**와, 요소 하나를 클릭하면 그 요소만 잘라 주는 **요소 캡처**입니다. 어느 쪽이든 이후 흐름(주석 → 이슈 작성)은 똑같으니 편한 쪽으로 시작하시면 됩니다.

## 범위 캡처

**디버그** 탭에서 **범위 캡처**를 누르거나, 단축키 `Cmd/Ctrl+Shift+F`를 누릅니다.

> 혹시 단축키가 안 먹는다면 OS나 다른 확장과 겹친 걸 수 있으니, 버튼으로 시작하셔도 됩니다.

캡처할 영역을 마우스로 드래그해 선택합니다. 페이지 전체가 아니라 버그가 보이는 부분만 쏙 잘라낼 수 있어서, 받는 분이 어디를 봐야 할지 바로 알 수 있습니다.

![영역 드래그 선택](/files/EP6VBX6tfpxWSRVXXHyd)

## 요소 캡처

**디버그** 탭에서 **요소 캡처**를 누르면 페이지 위에 십자선이 뜹니다. 캡처하고 싶은 요소에 마우스를 올리면 강조되고, 클릭하면 그 요소 영역만 깔끔하게 잘라 스크린샷으로 담아 줍니다. 버튼·카드처럼 경계가 또렷한 요소는 직접 드래그하는 것보다 빠르고 정확합니다.

> **요소 캡처**는 스타일을 바꾸지 않습니다. 요소를 골라 before/after로 스타일을 비교하려면 [요소 선택 & 스타일링](/ko/element.md)을 이용하세요.

덤으로, 캡처한 요소의 DOM selector가 이슈의 **재현 환경**에 `DOM` 줄로 함께 기록됩니다. 받는 분이 화면 속 어떤 요소였는지 바로 알 수 있어요.

![요소 캡처 선택](/files/uBY3ZLvYhn3DKLlFg2MX)

## 산출

선택한 영역(또는 요소)이 현재 보이는 그대로 이미지로 캡처됩니다(뷰포트 기준). 캡처가 끝나면 자연스럽게 주석 단계로 넘어갑니다.

> 주석을 그리는 방법은 [어노테이션](/ko/screenshot/annotation.md)에서 이어집니다.

***

🌐 [English](https://bugshot.gitbook.io/en/screenshot/capture)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bugshot.gitbook.io/ko/screenshot/capture.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.