이미지·미디어 · 웹오피스 블로그

스크린샷을 JPG로 저장하면 작은 글씨가 흐려지는 이유

작은 글씨와 선이 많은 화면 캡처에서 JPEG 압축 흔적이 생기는 이유를 사진과 비교하고, 용량보다 먼저 확인할 읽기 품질과 이미지 형식을 설명합니다.

편집 책임: SideSideDev · 게시:

먼저 답하면

JPEG는 사진을 작은 용량으로 표현하는 데 유용하지만, 작은 글씨와 선 주변에 압축 흔적이 생길 수 있습니다. 화면 캡처의 품질은 파일 용량만으로 판단하지 말고 실제 표시 크기에서 글자의 경계와 숫자를 확인해야 합니다.

사진의 부드러운 변화와 글자의 경계

직접 만든 업무 화면에서 회색 배경 위에 검은 12px 글씨를 넣었다고 가정해 보세요. 사진의 하늘처럼 색이 서서히 바뀌는 부분과 달리 글자는 좁은 공간에서 색이 급격히 바뀝니다. 손실 압축을 강하게 적용하면 이 경계 주변에 얼룩이나 번짐이 보일 수 있습니다.

MDN의 이미지 형식 안내는 JPEG를 손실 압축 형식으로 설명합니다. PNG는 픽셀 정보를 손실 없이 저장하므로 이런 화면 자료에 적합한 출발점입니다. 다만 PNG라고 이미 흐릿한 입력을 선명하게 복원하는 것은 아니며 원본 캡처의 해상도도 필요합니다.

직접 구성한 화면 자료의 형식 선택
내용먼저 고려할 형식확인 지점
작은 글씨·표·선PNG숫자와 선의 경계
사진 중심 화면JPEG 또는 WebP질감과 용량
투명 배경 아이콘PNG 또는 투명 WebP배경과 가장자리

변환과 크기 축소가 함께 일어나면

캡처를 절반 크기로 줄인 뒤 JPEG로 바꾸면 픽셀 수 감소와 손실 압축이 함께 적용됩니다. 글씨가 흐려진 원인이 형식인지 크기인지 알아보려면 한 번에 한 조건만 바꿔 비교하세요. 원래 픽셀 수를 유지한 결과와 축소한 결과를 따로 보는 것이 도움이 됩니다.

웹오피스는 이미지 형식 변환, 크기 조절, 압축을 별도 도구로 제공합니다. 낮은 품질로 저장한 JPEG를 PNG로 바꾸어도 잃은 경계 정보가 되살아나지는 않습니다. 반복해서 저장하기보다 원본 캡처에서 최종 출력본을 다시 만드는 편이 비교하기 쉽습니다.

공유할 화면에서 숫자부터 읽어 본다

설명서나 오류 보고에는 날짜, 버튼 이름, 숫자가 정확하게 읽혀야 합니다. 예를 들어 8과 3이 구별되는지, 소수점이 남아 있는지 최종 표시 크기에서 살펴보세요. 확대 화면에서만 읽히는 파일은 수신자가 문서에 삽입한 상태에서는 불편할 수 있습니다.

원본 PNG와 공유본을 함께 보관하면 더 큰 화면 자료가 필요할 때 다시 출력할 수 있습니다. 이 글의 사례는 형식의 차이를 설명하기 위한 합성 상황이며 웹오피스에서 특정 압축률이나 인식률을 측정한 결과는 아닙니다.

핵심 확인 사항

  • 글씨는 최종 표시 크기로 확인
  • 크기 변경과 압축을 따로 비교
  • 원본 캡처 보관

참고 자료와 확인 범위

공식 문서의 개념과 웹오피스의 실제 지원 범위는 다를 수 있습니다. 각 자료를 참고한 범위를 함께 표시합니다.

관련 작업 가이드 읽기

블로그 글 모두 보기