Screenshot 도구는 웹 페이지의 고품질 이미지를 두 가지 모드로 캡처합니다: 보이는 영역(브라우저 창에 현재 보이는 부분) 또는 전체 페이지(폴드 아래 콘텐츠까지 포함). 스크린샷은 고해상도 PNG 파일로 즉시 기기에 다운로드되며, 클라우드 업로드나 계정, 대기 시간이 필요 없습니다.
브라우저 기본 스크린샷(Cmd+Shift+4 또는 Snipping Tool 등)은 전체 화면을 캡처하여 브라우저 UI, 툴바, 다른 창까지 포함됩니다. 폴드 아래 콘텐츠는 캡처할 수 없습니다. DevSuite의 Screenshot 도구는 이 두 문제를 모두 해결합니다. 웹 페이지 콘텐츠만 캡처(브라우저 UI 제외)하고, 전체 페이지를 스크롤하며 seamless한 전체 페이지 이미지를 만듭니다. 보이는 영역 모드는 Chrome의 네이티브 캡처 API를 사용하여 픽셀 완벽한 정확도를 제공합니다. 전체 페이지 모드는 페이지를 자동으로 스크롤하며 각 뷰포트 타일을 캡처한 후 하나의 연속된 이미지로 합칩니다. 출력은 디스플레이의 device pixel ratio에 맞춘 고해상도 PNG로, Retina 및 고DPI 디스플레이에서도 선명합니다.
브라우저 뷰포트에 정확히 보이는 부분만 캡처합니다. 브라우저 chrome, 툴바, 스크롤바를 제외한 순수 웹 페이지 콘텐츠를 화면에 보이는 그대로 캡처합니다. 한 번의 클릭으로 즉시 완료됩니다.
페이지의 맨 위부터 맨 아래까지, 폴드 아래의 모든 콘텐츠를 포함하여 전체 페이지를 캡처합니다. 도구가 페이지를 자동으로 스크롤하며 각 섹션을 캡처하고 타일을 하나의 seamless하고 연속된 이미지로 합칩니다. 어떤 길이의 페이지든 작동합니다.
스크린샷은 디스플레이의 네이티브 픽셀 비율(2x Retina, 일부 Windows 디스플레이 1.5x)로 캡처됩니다. 확대해도 선명한 고해상도 이미지가 생성되며, OS 스크린샷처럼 흐릿하게 업스케일되지 않습니다.
캡처된 이미지는 무손실 PNG 파일로 즉시 기기에 다운로드됩니다. 클라우드 업로드, 처리 대기, 계정 등록이 필요 없습니다. 파일은 몇 초 안에 다운로드 폴더에 나타납니다.
캡처에는 웹 페이지 콘텐츠만 포함되며 브라우저 탭, 주소창, 북마크 바, 확장 프로그램 툴바는 제외됩니다. 브라우저 UI가 없는 것처럼 페이지가 보입니다.
정적 HTML, SPA(React, Vue), 지연 로드 이미지, 무한 스크롤, 고정 헤더, fixed 위치 요소가 있는 페이지 등 어떤 웹 페이지든 캡처할 수 있습니다. 전체 페이지 모드가 모두 처리합니다.
자신이 디자인하거나 개발한 웹사이트의 전체 페이지 스크린샷을 포트폴리오용으로 캡처하세요. Full Page 모드로 완전하고 seamless한 이미지를 얻어 Behance, Dribbble, 또는 포트폴리오 케이스 스터디에 완벽합니다.
버그를 보고할 때 스크린샷 한 장이 천 마디 말보다 가치 있습니다. 문제를 보여주는 정확한 뷰포트나 전체 페이지 스크린샷을 캡처하여 GitHub 이슈나 Jira 티켓에 첨부하세요.
스테이징 사이트의 현재 상태를 이해관계자 검토용으로 캡처하세요. Full Page 스크린샷으로 클라이언트가 사이트를 직접 방문하지 않고도 전체 디자인을 볼 수 있습니다. 비기술적 이해관계자와의 리뷰에 특히 유용합니다.
변경 전 스크린샷을 찍고, 변경 후 다시 찍으세요. 두 이미지를 나란히 비교하며 CSS나 레이아웃 변경이 전체 페이지에서 올바르게 적용되었는지 확인하세요. 한 섹션만 본 것이 아니라 전체를 확인할 수 있습니다.
블로그 포스트, 트윗, 프레젠테이션용으로 웹 페이지의 깔끔하고 전문적인 이미지를 만드세요. 툴바와 브라우저 chrome이 없는 출력은 폴리싱된 전문적인 느낌을 줍니다. 브라우저 UI를 자를 필요가 없습니다.
DevSuite Pro 독 또는 팝업을 열고 Screenshot 아이콘을 클릭하세요. "Visible Area"와 "Full Page" 두 가지 모드 선택기가 나타납니다.
"Visible Area"를 클릭하면 현재 뷰포트(지금 보이는 부분)를 캡처하고, "Full Page"를 클릭하면 페이지 전체를 위에서 아래까지 캡처합니다.
Visible Area 캡처는 즉시(1초 미만) 완료됩니다. Full Page 캡처는 스크롤과 타일 합치기 때문에 몇 초가 걸립니다. 진행 표시기가 캡처 상태를 보여줍니다.
캡처된 이미지가 자동으로 PNG 파일로 다운로드됩니다. 브라우저의 다운로드 폴더에서 페이지 제목과 타임스탬프가 포함된 파일을 확인하세요.
각 캡처 후에도 도구는 활성 상태로 유지됩니다. 같은 페이지나 다른 페이지에서 추가 스크린샷을 촬영할 수 있습니다. 스크롤하거나 변경한 후 다시 캡처하세요.
DevSuite Pro를 무료로 설치하고 브라우저용 39개 이상의 개발자 도구를 사용해보세요.
