글 목록

웹 지원

지원 스크린샷 공유 전 이미지 압축 체크리스트

지원 티켓이나 도움말 문서에 스크린샷을 올리기 전에 자르기, 개인정보 가리기, 이미지 압축, 파일 이름을 확인하는 실무 체크리스트입니다.

2026-08-12 8분 읽기 이미지 압축지원 스크린샷웹 운영

검색 의도: 버그 화면은 보여줘야 하지만 파일이 너무 크거나 위험할 때

지원 스크린샷은 말로 설명하기 어려운 상태를 빠르게 보여줍니다. 고정 푸터 밑에 버튼이 가려졌거나, 입력 오류가 엉뚱한 필드 옆에 보이거나, 이미지가 깨졌거나, 제출 뒤 오류 배너가 뜬 상황을 한 장으로 설명할 수 있습니다. 하지만 전체 화면 캡처에는 파일 용량 문제와 정보 노출 문제가 같이 따라옵니다. 브라우저 탭, 북마크, 알림, 계정 이름, 고객 정보, 쿼리 문자열이 버그와 함께 퍼질 수 있습니다.

스크린샷을 공유하기 전에는 작은 이미지 압축 체크리스트를 씁니다. 문제가 보이는 영역만 자르고, 사적인 정보를 가리고, https://tools.sambro.space/ko/tools/image-compressor 에서 복사본을 압축한 뒤, 중요한 UI 글자가 여전히 읽히는지 확인합니다. 화살표나 박스 하나가 필요하면 https://tools.sambro.space/ko/tools/draw 로 충분합니다. 티켓 설명이 길어지면 https://tools.sambro.space/ko/tools/word-counter 로 기대 결과와 실제 결과가 묻히지 않게 줄입니다.

보기 좋은 이미지보다 증거가 되는 범위로 자르기

먼저 이 스크린샷이 무엇을 증명해야 하는지 정합니다. 전체 데스크톱 캡처는 모든 것이 들어 있어 안전해 보이지만, 실제 문제는 작게 보이고 관련 없는 정보가 같이 노출되기 쉽습니다. 반대로 오류 문구만 너무 작게 자르면 리뷰어가 어떤 필드, 어떤 페이지, 어떤 언어에서 나온 오류인지 알 수 없습니다. 좋은 범위는 문제 컴포넌트, 위치를 알 수 있는 주변 맥락, 판단에 필요한 문구가 함께 보이는 정도입니다.

버그와 관련이 없다면 브라우저 탭, 북마크, 알림, 다른 앱 화면은 빼는 편이 좋습니다. URL이 중요할 때도 주소창 전체를 보여주기보다 안전한 공개 경로를 티켓 본문에 적는 편이 낫습니다. 경로에 인코딩된 값이나 쿼리 문자열이 있다면 https://tools.sambro.space/ko/tools/url-encoder 에서 안전한 예시를 먼저 확인한 뒤 필요한 부분만 설명합니다. 스크린샷은 증거를 돕는 자료이지 원본 화면 덤프가 아닙니다.

가리고 자른 뒤에 압축하기

이미지 압축은 보통 자르기와 가리기를 끝낸 뒤 하는 편이 안전합니다. 먼저 불필요한 픽셀을 줄이고, 실제 값이 보이는 부분을 지운 다음, 공유용 복사본을 압축합니다. 원본 전체 화면을 먼저 압축하고 나중에 표시를 덧붙이면 다운로드 폴더, 메신저 업로드, 티켓 첨부에 민감한 버전이 여러 개 남을 수 있습니다.

압축한 뒤에는 리뷰어가 실제로 볼 크기로 다시 열어봅니다. 작은 글자, 필드 라벨, 오류 코드, 버튼 이름은 읽혀야 합니다. 색상이나 포커스 상태가 문제인 스크린샷이라면 과한 압축이 중요한 테두리를 흐리게 만들 수 있습니다. 파일이 작아졌다는 사실보다, 그 파일로 다음 사람이 문제를 이해하거나 재현할 수 있는지가 더 중요합니다.

파일 이름과 설명도 같이 정리하기

`screenshot.png` 같은 이름은 며칠 뒤 다시 찾기 어렵습니다. `checkout-mobile-error-redacted.png`, `profile-form-validation-2026-08-12.png`, `blog-link-preview-cropped.webp`처럼 짧고 안전한 이름이 낫습니다. 고객명, 주문번호, 내부 프로젝트 코드, 전체 URL은 파일 이름에 넣지 않는 편이 좋습니다. 첨부파일 이름은 전달되거나 내보내기될 때도 그대로 남는 경우가 많기 때문입니다.

티켓 본문에는 이미지가 안전하게 담지 못하는 맥락을 적습니다. 페이지 경로, 브라우저, 뷰포트나 기기 종류, 사용자가 한 행동, 기대한 결과, 실제 결과, 그리고 이미지가 잘렸거나 가려졌는지 정도면 충분합니다. 지원 담당자, 개발자, 콘텐츠 운영자가 원본 데스크톱 캡처 없이도 상황을 이해할 수 있어야 합니다. 공개 도움말에 들어갈 이미지라면 실제 고객 정보 대신 일반 예시 화면을 쓰는 편이 안전합니다.

실무용 지원 스크린샷 체크리스트

마지막 체크리스트는 고정해 두면 좋습니다. 스크린샷이 증명할 내용을 정하고, 문제 영역만 자르고, 개인 브라우저 맥락을 빼고, 계정이나 고객 정보를 가리고, 안전한 경로는 본문에 적고, 필요한 경우 간단한 표시만 추가하고, 복사본을 압축하고, 다시 열어 UI 글자가 읽히는지 확인하고, 안전한 파일 이름을 붙이고, 기대 결과와 실제 결과 한 문장을 함께 남깁니다. 이미지 압축을 개인정보 검토의 대체물로 보면 안 됩니다.

Sambro 작업 흐름에서는 https://tools.sambro.space/ko/tools/image-compressor 로 최종 증거 이미지를 줄이고, https://tools.sambro.space/ko/tools/draw 로 빠른 박스나 화살표를 넣고, https://tools.sambro.space/ko/tools/url-encoder 로 파라미터가 있는 경로를 확인하고, https://tools.sambro.space/ko/tools/word-counter 로 전달 문구를 짧게 정리하면 됩니다. 회사 소개와 서비스 문의 맥락은 https://sambro.space/ 를 기준으로 두면 됩니다. 깨끗한 지원 스크린샷은 공개 수정 내역과 도움말, 반복 이슈 리포트를 더 이해하기 쉽게 만들어 검색 유입 개선에도 간접적으로 도움이 됩니다.

Sambro Blog로 돌아가기