MCP를 통해 AI 에이전트에게 웹사이트 스크린샷을 제공하는 방법 (2026)
요약
Model Context Protocol(MCP)을 활용하여 AI 에이전트에게 웹사이트 스크린샷 기능을 제공하는 방법을 설명합니다. 비전 모델의 추론 성능을 높이고 비용을 절감하기 위해 광고와 쿠키 배너를 제거한 깨끗한 이미지를 제공하는 기술적 이점을 다룹니다.
핵심 포인트
- MCP를 통해 에이전트가 직접 스크린샷 도구를 호출할 수 있음
- 비전 파이프라인, 웹 자동화, 시각적 QA를 위한 스크린샷의 중요성
- 광고 및 쿠키 배너 제거를 통한 비전 모델 토큰 비용 절감
- Claude Desktop 등 MCP 클라이언트를 통한 도구 연결 방식
원래 Site-Shot 블로그에 게시되었습니다.
웹 페이지를 보는 기능이 필요한 AI 에이전트를 구축 중이라면 — 브라우저를 제어하거나, 시각적 QA (Visual QA)를 수행하거나, 스크린샷을 비전 모델 (Vision Model)에 입력해야 한다면 — 에이전트가 스스로 호출할 수 있는 스크린샷 API가 필요합니다. 2026년에는 이를 연결하는 깔끔한 방법이 바로 Model Context Protocol (MCP)입니다. 에이전트를 MCP 서버로 지정하면, 에이전트는 직접 호출할 수 있는 스크린샷 도구를 갖게 됩니다. 이 가이드는 MCP가 무엇인지, 왜 에이전트에게 스크린샷이 필요한지 설명하고, Site-Shot의 공식 MCP 서버를 위한 복사-붙여넣기용 Claude Desktop 설정을 보여주며, 어떤 스크린샷 API가 실제로 공식 MCP 서버를 제공하고 어떤 것이 제공하지 않는지 나열합니다.
공개 사항: 이 비교 자료는 Site-Shot에 의해 게시되었습니다. 저희는 수치를 정확하게 유지하고, 경쟁사가 저희보다 우세한 부분까지 포함하여 트레이드오프 (Trade-offs)를 정직하게 작성했습니다. 가격은 2026년 6월 기준으로 확인되었습니다. 구매 전 각 벤더의 가격 페이지에서 확인하십시오.
MCP란 무엇이며, 왜 에이전트에게 스크린샷이 필요한가요?
Model Context Protocol (MCP)는 AI 어시스턴트를 외부 도구 및 데이터에 연결하기 위한 개방형 표준입니다. MCP _서버 (server)_는 하나 이상의 도구 (tools) (각각 이름, 설명, JSON 입력 스키마를 가짐)를 노출하며, Claude Desktop, Cursor, Claude Code 및 점점 늘어나는 에이전트 프레임워크 목록과 같은 MCP _클라이언트 (client)_는 이러한 도구를 발견하고 모델이 이를 호출할 수 있게 합니다. 에이전트는 사용자의 API 키나 HTTP 배관 (plumbing)을 절대 볼 수 없습니다. 에이전트는 단지 "이 URL의 스크린샷을 캡처하라"와 같은 도구를 볼 뿐이며, 언제 이를 사용할지 결정합니다.
에이전트가 스크린샷을 사용하는 데에는 세 가지 반복적인 패턴이 있습니다:
- 비전 파이프라인 (Vision pipelines). 멀티모달 모델 (Multimodal model)은 가공되지 않은 HTML만으로는 페이지에 대해 안정적으로 추론할 수 없습니다. 렌더링된 PNG를 전달하면 레이아웃을 읽고, 버튼을 찾고, 차트를 확인하거나, 배포 상태가 올바른지 검증할 수 있습니다.
- 웹 자동화 (Web automation). 흐름(로그인, 결제, 양식 채우기)을 실행하는 에이전트는 다시 클릭하기 전에 단계 사이에서 상황을 _확인(look)_하여 이전에 어떤 일이 일어났는지 확인해야 합니다.
- 시각적 QA 및 모니터링 (Visual QA and monitoring). 정해진 일정에 따라 또는 변경 사항이 발생한 후에 페이지를 캡처한 다음, 이를 비교(diff)하거나 설명하여 깨진 레이아웃, 누락된 이미지 또는 예상치 못한 콘텐츠를 포착합니다.
광고 및 쿠키 배너 제거가 비전 모델 비용을 절감하는 이유
AI 에이전트에게는 특유의 비용 문제가 있습니다. 비전 모델은 이미지 토큰 (Image tokens) 단위로 비용을 청구하며, 토큰 수는 이미지 크기에 따라 확장됩니다. 광고 iframe, 고정된 쿠키 동의 오버레이 등으로 어지러운 전체 페이지 캡처는 쓰레기 데이터를 인코딩하는 데 비용을 소모하며, 이러한 노이즈는 답변의 질을 저하시킬 수 있습니다. 캡처 시점에 광고와 쿠키 배너를 제거하면(Site-Shot의 no_ads 및 no_cookie_popup 파라미터, 그리고 대부분의 경쟁사에서 제공하는 유사 기능), 모델에 더 깨끗하고 종종 더 작은 이미지를 제공할 수 있습니다. 이는 호출당 토큰 비용을 낮추고, 팝업이 콘텐츠를 가려 발생하는 오답을 줄여줍니다. 수천 개의 페이지를 캡처하는 에이전트에게 이는 상당한 차이를 만듭니다.
Site-Shot의 MCP 서버 설정하기 (설정 복사-붙여넣기)
Site-Shot은 site-shot-mcp (registry id io.github.site-shot/site-shot-mcp)로 게시된 공식 MCP 서버를 제공합니다. npx를 통해 실행되므로 전역적으로 설치할 것이 없습니다. 다음 내용을 Claude Desktop 설정 파일(claude_desktop_config.json — Settings → Developer → Edit Config)에 넣고 Claude Desktop을 재시작하면 도구가 나타납니다:
{
"mcpServers": {
"site-shot": {
...
이 서버는 두 가지 도구를 노출합니다:
capture_screenshot— 일반적인 옵션(크기, 기기 에뮬레이션 (device emulation), 형식, 광고/쿠키 제거, 국가 프록시)을 포함하여 URL의 뷰포트 (viewport) 스크린샷을 캡처합니다.capture_full_page— 페이지 전체를 스크롤하고 이어 붙여 전체 길이를 캡처합니다 (Site-Shot 기준 최대 20,000px 높이). 기사 전체나 대시보드 (dashboard)를 시각 모델 (vision model)에 전달할 때 이상적입니다.
동일한 설정 형태는 다른 MCP 클라이언트 (Cursor, Claude Code 등)에서도 작동합니다. 이들은 모두 command / args / env 블록을 읽습니다. 내부적으로 각 도구는 Site-Shot의 실제 Chromium 렌더러 (renderer)에 대한 단일 GET 요청이며, PNG/JPEG 또는 JSON (base64 이미지 및 대상의 응답 헤더 포함)을 반환합니다.
솔직한 범위 설정 (Honest scoping): MCP 서버는 API 키가 필요합니다. Site-Shot의 가입 없이 무료로 제공되는 브라우저 기반 온라인 도구는 일회성 캡처에는 훌륭하지만, API 키를 발급하지 않습니다. MCP 서버를 사용하려면 (또는 HTTP API를 사용하려면) 요금 페이지에서 계정과 키를 생성해야 하며, 월 $5부터 시작하여 2,000개의 스크린샷을 제공합니다. 전체 에이전트 설정은 AI 에이전트 페이지를 참조하세요.
어떤 스크린샷 API가 공식 MCP 서버를 제공하나요?
수많은 스크린샷 API가 존재하지만, 기능 세트를 신뢰할 수 있는 공식적인 제1자 (first-party) MCP 서버를 유지 관리하는 곳은 훨씬 적습니다. 아래 표는 이 차이점에 따라 분류되어 있습니다.
| API | 공식 MCP 서버 여부? | 시작 플랜 | ~1,000회당 비용 | 광고 + 쿠키 제거 |
|---|---|---|---|---|
| Site-Shot | ✅ 공식 (site-shot-mcp) | $5/월 · 2,000회 | $2.50 → 대규모 이용 시 $0.80 | ✅ |
| ... |
1,000회당 비용은 각 제공업체의 가장 저렴한 유료 플랜 기준입니다. 에이전트에게는 "공식 MCP"가 중요합니다. 제1자 서버는 API와 동기화된 상태를 유지하며 벤더 (vendor)에 의해 관리되지만, 제3자 래퍼 (third-party wrapper)는 업데이트가 늦거나 사라질 수 있습니다.
MCP 준비가 된 옵션들, 하나씩 살펴보기
Site-Shot
Site-Shot의 공식 서버(npx -y site-shot-mcp)는 capture_screenshot 및 capture_full_page 기능을 제공합니다. 이 서비스는 디바이스 에뮬레이션 (device emulation)이 포함된 실제 Chromium, 국가별 프록시 (모든 플랜에서 IP, 언어, 시간대, 지리적 위치 제공), 최대 20,000px까지의 전체 페이지 캡처, 그리고 비전 모델 (vision-model) 이미지를 깨끗하게 유지해 주는 광고/쿠키 제거 기능을 지원합니다. 공식 MCP를 사용하는 옵션 중 진입 장벽이 가장 낮습니다. 월 5달러에 2,000장의 스크린샷을 제공하며, 규모가 커지면 1,000장당 0.80달러까지 낮아집니다. 또한, 프로토타이핑을 위해 별도의 가입 없이 사용할 수 있는 진정한 무료 브라우저 도구를 제공하는 유일한 옵션입니다. 가장 적합한 경우: 프리미엄 샷당 가격을 지불하지 않고도 기능이 풍부한 실제 브라우저 캡처를 원하는 에이전트. 부족한 점: 아직 네이티브 클라이언트 SDK (native client SDKs)가 없습니다. HTTP API가 단순한 GET 방식이므로, MCP를 사용하지 않는 코드에서는 직접 호출해야 합니다.
ScreenshotOne
ScreenshotOne은 공식 MCP 서버(render-website-screenshot 도구, 환경 변수 SCREENSHOTONE_API_KEY)를 제공하며, 이 목록에서 가장 방대한 기능 세트를 갖추고 있습니다: 7개 언어의 SDK, PDF 및 비디오 렌더링 (rendering), JS/CSS 주입 (injection), S3 업로드, 웹훅 (webhooks), 그리고 AI 에이전트 전용 페이지를 지원합니다. 진정으로 가장 세련되고 통합 기능이 풍부한 옵션이지만, 샷당 가격은 1,000장당 8.50달러로 가장 비쌉니다 (2,000장에 월 17달러; 지리적 프록시는 Growth 및 Scale 티어에서만 제공됨). 가장 적합한 경우: 가장 풍부한 에이전트 도구 세트를 원하며 그에 따른 비용 지불을 마다하지 않는 팀.
Urlbox
Urlbox는 공식 MCP 서버(@urlbox/screenshot-mcp, PNG/PDF/MP4와 HTML/메타데이터를 반환하는 render 도구, 환경 변수 SECRET_KEY)를 유지 관리합니다. 이 서비스의 차별점은 포렌식 급 (forensic-grade) 결과물입니다: 암호화된 타임스탬프 및 해시 (hashes), 변경 감지 (change detection), 그리고 다양한 포맷을 지원합니다. 무료 티어는 없으며, 대신 7일간의 체험판과 10,000장당 100달러 환불 보장 정책을 운영합니다. 시작 가격은 1,000장당 9.50달러입니다 (2,000장에 월 19달러). 가장 적합한 경우: 가격보다 방어 가능하고 검증 가능한 캡처가 더 중요한 법률, 컴플라이언스 (compliance), 또는 아카이빙 (archival) 워크플로의 에이전트.
Microlink
Microlink는 전체 Puppeteer/Playwright 제어 기능과 글로벌 에지 캐싱 (edge caching)을 갖춘 "API로서의 브라우저 (browser as API)"를 통해 공식적인 MCP 통합을 제공합니다. 이들의 볼륨 가격 정책은 여기서 가장 저렴한 풀 기능 옵션입니다. 월 $49에 46,000회 요청(약 1,000회당 $1.07)을 제공하며, 일일 50회 요청의 무료 티어에서도 광고 차단 및 쿠키 배너 처리가 가능합니다. 가장 적합한 경우: 헤드리스 브라우저 (headless-browser) 제어를 원하며 대규모 환경에서 가장 저렴한 풀 기능 가격을 원하는 대량 요청 에이전트.
CaptureKit
CaptureKit은 공식 MCP 서버를 출시하였으며, 스크린샷을 페이지 콘텐츠 API (HTML/Markdown/AI 요약) 및 스텔스 프록시 (stealth proxies)와 결합하여 제공합니다. 가격은 1,000 크레딧당 월 $7부터 시작합니다. 에이전트가 추론을 위해 스크린샷과 깨끗한 페이지 텍스트를 모두 필요로 할 때 이러한 콘텐츠 측면이 매우 유용합니다. 가장 적합한 경우: 캡처와 더불어 LLM을 위한 깨끗한 웹 콘텐츠가 필요한 에이전트를 구축하는 인디 개발자.
ApiFlash, ScreenshotAPI.net, Thum.io — 공식 MCP 없음
ApiFlash는 빠르고 저렴하지만 (AWS Lambda 기반 Chrome, 1,000회당 월 $7), 서드파티 (third-party) MCP 래퍼 (wrapper)만 존재합니다. 빠른 실험에는 괜찮지만 프로덕션 (production) 환경에서는 더 위험할 수 있습니다. ScreenshotAPI.net은 광범위한 파라미터 세트 (요소 캡처, 비디오, PDF, 데이터 추출)를 월 $9부터 제공하지만 MCP 서버가 전혀 없습니다. Thum.io는 가입이 필요 없는 브랜드 무료 티어를 포함하여 가장 저렴한 원가($1,000당 $0.20)를 자랑하지만, 전체 페이지 캡처는 유료 기능이며 광고/쿠키 제거 또는 지오 프록시 (geo proxy) 기능이 없고 MCP도 없습니다. 이 세 가지 서비스를 사용할 경우, 에이전트를 위해 HTTP API를 기반으로 직접 도구 래퍼를 제작해야 합니다.
AI 에이전트를 위한 선택 방법
- 가장 적은 노력으로 실제 브라우저 품질을 제공하는 공식 MCP를 원하시나요? Site-Shot — 월 $5, 공식
site-shot-mcp제공, 비전 토큰 (vision tokens) 비용 절감을 위한 광고/쿠키 제거 기능, 그리고 먼저 테스트해 볼 수 있는 무료 브라우저 도구를 제공합니다. - 가격에 상관없이 가장 풍부하고 통합 기능이 강력한 에이전트 도구를 원하시나요? ScreenshotOne.
- 컴플라이언스(compliance) 또는 아카이브(archival) 에이전트를 위해 검증 가능한 포렌식급 캡처가 필요하신가요? Urlbox.
- 대량 처리가 필요하며 가장 저렴한 풀 기능 옵션을 원하시나요? Microlink (대규모 사용 시).
- LLM을 위해 깨끗한 페이지 콘텐츠와 스크린샷이 모두 필요하신가요? CaptureKit.
- 공식 MCP는 없지만, 저렴하거나 단순한 것이 우선인가요? ApiFlash (빠름/저예산, 제3자 래퍼), ScreenshotAPI.net (광범위한 파라미터), 또는 Thum.io (가장 저렴한 썸네일) — 이 경우 직접 도구 래퍼 (tool wrapper)를 작성해야 할 것입니다.
에이전트가 어떤 도구를 호출해야 할지 결정할 때, 더 자세한 내용은 당사의 8가지 스크린샷 API 비교, 가장 저렴한 스크린샷 API 가이드, 그리고 전체 페이지 vs 뷰포트 스크린샷을 참조하십시오.
FAQ
AI 에이전트를 위한 스크린샷 API란 무엇인가요?
실제 브라우저에서 웹 페이지를 렌더링하고 이미지(PNG/JPEG)를 반환하는 호스팅 서비스입니다. AI 에이전트는 비전 모델 (vision-model) 추론, 웹 자동화(web automation), 또는 시각적 QA(visual QA)를 위해 페이지를 "보기" 위해 이 API를 호출합니다. 이를 에이전트 친화적인 방식으로 노출하는 방법은 MCP 서버를 사용하는 것입니다. 이를 통해 사용자가 직접 커스텀 HTTP 글루(HTTP glue) 코드를 작성할 필요 없이, 모델이 스크린샷 도구를 직접 호출할 수 있습니다.
스크린샷 MCP 서버란 무엇인가요?
AI 에이전트가 호출할 수 있는 하나 이상의 도구로서 스크린샷 캡처 기능을 노출하는 MCP 서버를 의미합니다. Site-Shot의 공식 서버(npx -y site-shot-mcp, 레지스트리 ID io.github.site-shot/site-shot-mcp)는 capture_screenshot 및 capture_full_page를 제공합니다. ScreenshotOne, Urlbox, Microlink, CaptureKit 또한 공식 서버를 제공합니다. ApiFlash는 서드파티 래퍼(third-party wrappers)만 제공하며, ScreenshotAPI.net과 Thum.io는 제공하지 않습니다.
에이전트를 위해 프로그래밍 방식으로 웹사이트 스크린샷을 찍으려면 어떻게 해야 하나요?
두 가지 방법이 있습니다. MCP를 통한 방법: 클라이언트 설정에 해당 벤더의 MCP 서버를 추가하고(Site-Shot의 경우, 위에서 언급한 npx/args/env 블록에 SITESHOT_API_KEY를 포함), 에이전트가 도구를 호출하도록 합니다. 또는 직접적인 방법: 대상 URL과 옵션을 포함하여 스크린샷 API로 단일 HTTP GET 요청을 보내고, PNG/JPEG 또는 JSON 페이로드를 읽어옵니다. Site-Shot은 두 가지 방식을 모두 지원하며, HTTP API는 SDK가 필요 없는 일반적인 GET 방식입니다.
스크린샷 MCP 서버를 사용하려면 API 키가 필요한가요?
네, 필요합니다. MCP 서버는 API 키(Site-Shot의 경우 SITESHOT_API_KEY)를 통해 인증하며, 이를 위해서는 계정이 필요합니다. Site-Shot의 가입 없이 무료로 사용 가능한 옵션은 브라우저 기반의 온라인 도구에만 해당하며, 해당 도구는 API 키를 발급하지 않습니다. MCP 서버가 사용하는 유료 API는 월 $5부터 시작하며 2,000장의 스크린샷을 제공합니다.
비전 모델(vision model)에 스크린샷을 보내기 전에 광고와 쿠키 배너를 제거해야 하는 이유는 무엇인가요?
비전 모델은 이미지 토큰(image tokens) 단위로 비용을 청구합니다. 광고, 쿠키 오버레이, 모달 창은 인코딩 비용을 지불해야 하는 픽셀과 시각적 노이즈를 추가하며, 실제로 분석하고자 하는 콘텐츠를 가릴 수도 있습니다. 캡처 시점에 이를 제거하면(Site-Shot의 no_ads 및 no_cookie_popup) 더 깨끗하고 종종 더 작은 이미지를 얻을 수 있어, 호출당 토큰 비용이 낮아지고 더 정확한 답변을 얻을 수 있습니다.
2026년에 AI 에이전트를 구축하기 위해 어떤 스크린샷 API가 가장 좋을까요?
실제 브라우저 품질과 광고/쿠키 제거 기능을 갖춘, 가장 부담 없는 공식 MCP를 원한다면 Site-Shot ($5/mo, site-shot-mcp)을 추천합니다. 가장 풍부한 에이전트 도구(Agent tooling)와 SDK를 원한다면 ScreenshotOne을, 포렌식/컴플라이언스(Forensic/compliance) 캡처가 목적이라면 Urlbox를 추천합니다. 대량 사용 시 가장 저렴한 옵션은 Microlink이며, 스크린샷과 함께 깨끗한 페이지 콘텐츠를 함께 얻으려면 CaptureKit을 추천합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기