설치 · 캡처 · 주석 · 내보내기

문서

Chrome용 오픈 소스 스크린샷·주석 확장 프로그램 OpenScreenShot을 설치하고 사용하는 방법이에요.

설치

OpenScreenShot은 Chrome 웹 스토어에서 받을 수 있어요.

  1. Chrome에서 OpenScreenShot 페이지를 여세요.
  2. Chrome에 추가를 클릭하세요.
  3. 권한을 수락하세요. 확장 프로그램에는 활성 탭과, 거기서 캡처 스크립트를 실행할 권한이 필요해요.
  4. 툴바에 OpenScreenShot 아이콘이 나타나요. 클릭하면 팝업이 열려요.

스크린샷 캡처

툴바의 OpenScreenShot 아이콘을 클릭하고 세 가지 캡처 모드 중 하나를 고르세요. 모든 처리는 브라우저 안에서 로컬로 실행돼요. 캡처를 시작하는 방법은 네 가지예요:

  • 팝업 — 모드를 클릭하거나 1–3을 누르세요.
  • 키보드 단축키 — 전체 페이지는 Ctrl+Shift+S, 보이는 영역은 Alt+Shift+V, 선택 영역은 Ctrl+Shift+E예요. macOS에서는 ⌘⇧S, ⌘⇧V, ⌘⇧E예요. chrome://extensions/shortcuts에서 다시 지정할 수 있어요.
  • 마우스 오른쪽 버튼 메뉴 — 어느 페이지에서든 OpenScreenShot 하위 메뉴가 같은 세 가지 모드를 제공해요.
  • 영역 반복 — 팝업 하단과 마우스 오른쪽 버튼 메뉴에서 마지막 영역 사각형을 다시 캡처해요. 두 항목 모두 영역을 한 번 선택한 뒤부터 나타나요.

팝업의 지연 행은 캡처를 3초, 5초, 10초 뒤로 미루고, 툴바 배지가 카운트다운을 표시해요. 다른 곳을 클릭하는 순간 닫혀 버리는 호버 상태, 드롭다운 메뉴, 툴팁에 사용하세요.

캡처 모드

전체 페이지

스크롤되는 페이지 전체를 캡처해 하나의 이미지로 이어 붙여요. 확장 프로그램이 페이지를 뷰포트 단위로 스크롤하며 타일을 하나씩 캡처한 뒤 합성해요. 고정 헤더는 첫 타일에서 캡처해 맨 위에 한 번만 합성해요. 창이 아니라 내부 요소가 스크롤되는 페이지도 동작해요.

보이는 영역

현재 뷰포트를 즉시 캡처해요. 스크롤은 없어요. 지금 화면에 보이는 것을 빠르게 찍을 때 사용하세요.

선택 영역

클릭하고 드래그해 사각형을 그리세요. 각 변과 모서리에 크기 조정 핸들이 나타나요. 화살표 키로 선택 영역을 1픽셀씩 옮기거나, Shift를 누른 채 10픽셀씩 옮기세요. Enter로 확정하고 Esc로 취소해요.

캡처가 끝나면

팝업의 캡처 후 행이 캡처가 끝난 뒤의 동작을 정해요. 팝업 버튼, 키보드 단축키, 마우스 오른쪽 버튼 메뉴 등 모든 시작점에 적용돼요.

  • 편집기 — 새 탭에서 주석 편집기를 열어요. 기본값이에요.
  • 클립보드 — 스크린샷을 복사하고 편집기를 건너뛰어요. 채팅, 문서, 이슈에 바로 붙여넣으세요.
  • 다운로드 — 스크린샷을 다운로드 폴더에 저장하고 편집기를 건너뛰어요. 빠른 저장은 PNG로 저장돼요.

클립보드와 다운로드는 탭을 열지 않으므로 툴바 배지가 완료 확인 역할을 해요. 캡처가 실패하면 배지에 !가 깜빡여요. 팝업 하단의 최근 캡처 열기로 언제든 가장 최근 캡처를 편집기에서 열 수 있어요.

주석

편집기는 전체 탭으로 열리고 로컬 저장소에서 가장 최근 캡처를 불러와요. 도구마다 한 글자 단축키가 있어요.

  • 선택 V — 어떤 주석이든 이동, 크기 조정, 삭제해요. 텍스트 레이어를 더블클릭하면 다시 편집해요.
  • 사각형 R — 테두리 사각형을 그려요.
  • 화살표 A — 방향 화살표를 그려요.
  • 선 L — 머리 없는 화살표예요.
  • 펜 P — 자유롭게 그려요.
  • 형광펜 H — 반투명한 자유 곡선이에요.
  • 텍스트 T — 글꼴 크기 컨트롤에 맞춰 텍스트 상자를 추가해요.
  • 단계 번호 S — 번호가 스스로 늘어나는 배지예요. 하나를 지우면 나머지가 다시 매겨져요.
  • 블러 B — 민감한 내용을 부드러운 블러, 굵은 모자이크, 불투명 채우기로 가려요. 불투명 채우기는 재압축에도 유지돼요.
  • Spotlight O — 사각형, 둥근 사각형, 타원 모양으로 밝게 남길 영역을 뚫고, 나머지는 하나의 어두운 레이어로 합쳐요.
  • 스포이드 I — 캡처에서 색상을 추출해요. 보이는 그대로를 샘플링하므로 Spotlight 안의 색이나 Beautify 그라디언트 위의 색도 눈에 보이는 대로 선택돼요. 색상 행의 견본 버튼은 캔버스 밖 어디서든 고를 수 있는 Chrome의 화면 전체 색상 선택기를 열어요.
  • 자르기 C — 선택한 영역으로 이미지를 잘라내요.

Shift를 누른 채 그리면 정사각형이 되고, 선과 화살표는 45°로 스냅돼요. 스타일 바에는 1–8에 대응하는 8색 팔레트, 사용자 지정 색상, 최근 색상, 세 가지 선 굵기, 글꼴 크기 컨트롤이 있어요. 선택한 값은 세션이 바뀌어도 기억돼요. 실행 취소와 다시 실행은 Ctrl+Z / Ctrl+Shift+Z, macOS에서는 ⌘Z / ⌘⇧Z예요.

Beautify

상단 바의 Beautify 패널은 공유하기 좋게 스크린샷에 프레임을 입혀요: 여백, 모서리 반경, 그림자 슬라이더에 여섯 가지 그라디언트 프리셋, 사용자 지정 단색, 투명 배경까지. 프레임은 실시간으로 미리 보이고 모든 내보내기, 클립보드, PDF에 함께 들어가요.

이미 가진 이미지에 주석 달기

이미지 파일을 편집기 캔버스에 끌어다 놓거나, 텍스트 입력란 밖에서 Ctrl+V / ⌘V로 붙여넣으세요. 가져온 이미지는 캡처와 같은 자리를 차지하므로 모든 도구, Beautify 프레임, 모든 내보내기 경로가 그대로 동작하고, 상단 바에는 가져옴이 표시돼요. 가져오기는 캔버스를 대체하기 때문에 잃을 주석이 있으면 편집기가 먼저 물어봐요.

내보내기

편집기 상단 바에서 내보내기를 클릭하거나 Ctrl+S / ⌘S를 누르세요. 형식을 고르세요:

  • PNG — 무손실이고 투명도를 유지해요.
  • JPEG — 파일이 더 작고 품질을 조절할 수 있어요.
  • WebP — JPEG처럼 품질을 조절하고 PNG처럼 투명도를 지원해요.
  • PDF — 한 장짜리 이미지 페이지로 내보내거나, A4/Letter에 맞추거나, 내용이 줄 중간에서 잘리지 않도록 5mm씩 겹쳐 여러 페이지로 나눠요.

배율은 25, 50, 100, 200% 또는 정확한 픽셀 너비로 내보내요. PDF에서는 숨겨지고, PDF는 페이지에 맞춰 크기가 정해져요. Chrome의 캔버스 한도를 넘는 크기는 빈 파일로 저장되는 대신 거부돼요.

Ctrl+C / ⌘C는 완성된 이미지를 곧바로 클립보드에 복사해요. 내보내기 대화상자는 현재 설정을 새 기본값으로 저장할 수도 있어요.

탭 녹화

팝업에서 녹화를 클릭하세요. 녹화가 진행 중일 때는 Alt+Shift+X로 중지할 수 있어요. 처음 녹화할 때 Chrome이 탭 캡처 권한 요청을 한 번 보여주고, 그 뒤로는 클릭 한 번으로 녹화가 시작돼요.

녹화 시작

팝업의 녹화 행에는 마이크, 탭 오디오, 웹캠 세 가지 토글이 있어요. 녹화를 클릭하기 전에 원하는 것을 켜세요. 마이크나 웹캠이 켜져 있으면 캡처가 시작되기 전에 페이지의 작은 버블에서 브라우저 자체 권한 요청이 나타나요.

녹화 중 다른 사이트로 이동하면, 컨트롤 바가 따라가기 위해 선택형 “여러 사이트에서 녹화” 권한이 필요해요(설정 참고). 이 권한이 없으면 툴바 배지가 주황색으로 바뀌어요. 툴바 아이콘을 클릭하거나 페이지와 다시 상호작용하면 오버레이가 다시 붙어요.

컨트롤 바

녹화하는 동안 페이지 하단에 작은 바가 떠 있어요: 타이머, 켜 둔 트랙마다 하나씩 표시되는 칩, 그리고 일시중지/재개, 중지, 취소 버튼이에요. 웹캠이 켜져 있으면 드래그할 수 있는 원형 미리보기가 페이지 위에 떠요. 어디로든 옮기면 녹화가 끝날 때까지 그 자리에 머물러요.

포인터가 떠난 뒤 약 3초가 지나면 바가 스스로 숨어 녹화에 남지 않아요. 다시 보려면 커서를 페이지 아래쪽 가운데로 옮기세요. 마우스를 올리고 있는 동안과 녹화가 일시중지된 동안에는 계속 보여요.

편집기

중지를 누르면 녹화 편집기가 타임라인 위에 방금 찍은 영상을 열어요. 편집기는 커서가 클릭한 모든 지점에 부드러운 2배 줌을 자동으로 넣어요. 각각을 조정하거나 삭제할 수 있고, 1.5배·2배·3배의 수동 줌 블록을 직접 추가할 수도 있어요. 각 구간의 핸들을 드래그해 시작이나 끝을 트리밍하세요. 클릭 효과가 클릭한 위치를 표시하고, 웹캠 버블, Beautify 프레임, 마이크·탭 오디오 볼륨 슬라이더는 사이드 패널에 있어요. 커서 표시를 켜면 녹화된 커서 경로를 따라 움직이는 부드러운 포인터가 그려져요. 설정 레일에서 끌 수 있어요.

내보내기

내보내기는 설정한 트랙과 효과를 섞어 캔버스로 영상을 다시 렌더링한 뒤 WebM 파일로 다운로드해요.

편집 내용 저장

편집 내용은 작업하는 동안 로컬에 저장돼요. 편집기 탭이 닫히거나 갑자기 종료돼도, 다음에 여는 편집기 탭이 저장된 편집 내용을 복원할지 물어봐요. 복원은 언제나 클릭 한 번이라, 새로 시작하려던 캡처를 오래된 편집 내용이 대신 덮는 일은 없어요. 잘라낸 이미지는 별도의 편집 내용으로 저장되므로, 주석이 다른 그림 위에 복원되는 일도 없어요.

키보드 단축키

편집기에서 ?를 누르면 전체 목록이 나와요. 위의 도구 단축키 외에:

  • 1–8 — 주석 색상을 설정해요.
  • Ctrl+C / ⌘C — 클립보드에 복사해요.
  • Ctrl+S / ⌘S — 내보내요.
  • Backspace — 선택한 주석을 삭제해요.
  • Esc — 선택을 해제하거나 자르기를 취소해요.
  • Ctrl / ⌘ + +, −, 0 — 확대, 축소, 실제 크기. F는 화면에 맞춰요.
  • Space + 드래그 — 캔버스를 이동해요.

Alt+Shift+X는 어디서든 현재 녹화를 중지해요. 편집기나 팝업이 열려 있지 않아도 돼요.

설정

팝업의 톱니바퀴 아이콘을 열어 설정하세요:

  • 테마 — 라이트, 다크, 시스템.
  • 기본 형식 — PNG, JPEG, WebP, PDF.
  • 품질 — JPEG, WebP, PDF에 적용돼요.
  • 파일 이름 템플릿 — 토큰 칩을 클릭해 {date}, {time}, {title}, {domain}, {w}, {h}를 삽입하세요. 실시간 미리보기가 결과를 보여줘요.

설정은 이 기기의 로컬 저장소에 저장돼요. 패널 맨 아래의 기본값으로 재설정은 두 번 클릭해야 실행돼요.

여러 사이트에서 녹화 — 기본은 꺼짐이에요. 켜면 선택형 <all_urls> 호스트 권한을 요청해서, 녹화 중에 탭이 새 사이트로 이동해도 녹화 컨트롤 바와 커서 오버레이가 따라갈 수 있어요.

에이전트 & CLI

openscreenshot(npm)은 명령줄이나 AI 에이전트에서 스크린샷을 스크립트로 찍기 위한 별도의 선택형 로컬 도구예요. 이미 기기에 설치된 Chrome을 그대로 사용해요. 브라우저 다운로드도, 호스팅 서비스도 없어요. Chrome을 자동으로 찾지 못하면 CHROME_PATH를 설정하세요.

npx openscreenshot shot https://example.com --out shot.png --full

MCP 서버로 쓰려면 MCP 클라이언트 설정에 이렇게 추가하세요:

{ "command": "npx", "args": ["openscreenshot", "serve"] }

그다음 capture_screenshot 도구를 { "url": "https://example.com" }과 함께 호출하세요.

프라이버시

OpenScreenShot은 모든 것을 브라우저 안에서 로컬로 처리해요. 캡처는 Chrome 로컬 저장소에 저장되고 어떤 서버에도 업로드되지 않아요. 녹화, 커서 로그, 마이크·웹캠 스트림은 삭제할 때까지 기기의 IndexedDB에 남아 있어요. 확장 프로그램에는 분석 도구도, 원격 데이터 수집도, 서드파티 서비스도 없어요.

전체 내용은 개인정보 처리방침을 확인하세요.

도움받기

자주 묻는 질문과 알려진 제한 사항은 지원 및 FAQ 페이지를 확인하세요. 더 도움이 필요하면 GitHub에 이슈를 열어 주세요.

OpenScreenShot 설치

무료이고, 오픈 소스이고, 프라이버시를 지켜요. Chrome 웹 스토어에서 받을 수 있어요.

Chrome에 추가