비교 조건과 재현 방법

예시 실행에서 글자와 단색 중심 또는 질감이 있는 합성 이미지를 선택하세요. 두 자료는 사진 촬영본이 아니라 사이트가 직접 그린 1600×900 시험 이미지입니다. 원본 PNG를 먼저 생성한 뒤 픽셀 크기를 그대로 유지하고 JPEG·WebP 품질 75·85·95로 각각 저장합니다. 출력 파일도 직접 다운로드할 수 있습니다.

표의 바이트 수는 실제 생성된 파일의 Blob.size입니다. 품질 숫자는 인코더 설정이며 원본 정보가 해당 비율만큼 남는다는 뜻이 아닙니다. 브라우저가 형식을 지원하지 않으면 결과를 다른 확장자로 속여 저장하지 않고 실행 오류를 표시합니다.

파일 없이 직접 실행해 보세요

사이트가 만든 예시 자료로 실제 도구의 처리 코드를 실행합니다. 결과는 현재 브라우저에서 계산하며 입력 자료를 서버에 올리지 않습니다.

버튼을 누르면 결과와 예시 파일이 표시됩니다.

예시는 실제 방문자 자료나 성과가 아닙니다. 파일 크기와 글자 모양은 브라우저·기기·폰트에 따라 달라질 수 있습니다.

2026-10-01 단일 브라우저 환경의 실측 예시

아래 값은 위 실행 예시의 동일한 합성 이미지 두 개로 측정했습니다. 브라우저에 따라 달라질 수 있으며 실제 사진의 예상 파일 크기나 형식별 우열을 일반화하는 자료가 아닙니다. 픽셀 크기는 모든 행에서 1600×900입니다.

입력 종류출력 형식품질실제 바이트 수
단색PNG—57379
단색JPEG7530914
단색JPEG8536131
단색JPEG9548342
단색WebP7510872
단색WebP8513114
단색WebP9518858
질감PNG—941654
질감JPEG75263962
질감JPEG85321468
질감JPEG95449142
질감WebP75213200
질감WebP85267302
질감WebP95363228
질감 / 200KB 목표JPEG55197656
질감 / 200KB 목표WebP65198788

200KB 목표 결과는 무엇이 다른가요?

별도의 200KB 행은 실제 이미지 용량 줄이기의 탐색 함수를 사용합니다. 시작 품질 85, 최소 품질 50, 최대 긴 변 2048px, 추가 축소 허용 조건입니다. 200KB는 200,000bytes 이하입니다. 먼저 품질을 바꾸고 목표를 넘으면 픽셀 크기를 줄이므로 결과의 가로·세로를 함께 확인하세요.

75·85·95 비교 행은 목표 용량을 맞추는 실험이 아닙니다. 같은 크기에서 품질 설정만 바꾼 결과입니다. 목표 행과 이를 섞어 압축률이 더 좋다고 판단하면 비교 조건이 달라집니다.

내 파일에 적용할 품질과 확인 순서

  1. 사진은 품질 85에서 시작하고 글자와 윤곽을 확대해 확인합니다.
  2. 파일 크기가 충분히 작으면 95 결과와 비교해 세부 묘사의 차이가 필요한지 판단합니다.
  3. 크기가 너무 크면 75를 비교하되 제출처가 요구하는 최소 픽셀 크기도 확인합니다.
  4. 작은 글자·도표·로고가 중요하면 PNG 원본과 JPEG·WebP 결과를 비교합니다.
  5. 예시에서 얻은 파일 크기를 내 사진의 예상 크기로 사용하지 않습니다.

Canvas toBlob의 형식·품질 처리 문서는 품질 설정과 지원하지 않는 형식의 처리 차이를 설명합니다.

자주 묻는 질문

같은 품질이면 모든 사진의 용량도 같나요?

아닙니다. 픽셀 크기, 이미지 내용, 출력 형식과 브라우저 인코더에 따라 달라집니다.

85에서 95로 올리면 화질이 10% 좋아지나요?

그렇게 해석할 수 없습니다. 원본 대비 화질의 비율이나 선형적인 개선량을 뜻하지 않습니다.